[javascript] 속성 탐색 연산자 (jquery,Vanilla JS)

속성 탐색 연산자

속성 탐색 연산자는 선택한 요소를 기준으로 일치하는 요소를 선택하는 선택자.

종류	Jquery	Vanilla	설명
(요소[속성])	$("a[href]")	document.querySelector ("a[href]")	a태그의 href값이 있는 요소를 가져옴
(요소[속성=값])	$("a[title='element']")	document.querySelector ("a[title='element']")	a태그의 title속성 값이 element인 요소를 가져옴
(요소[속성^=값])	$("a[href^='http://']")	document.querySelector ("a[href^='http://']")	a태그의 href속성 값이 http://로 시작하는 요소를 가져옴
(요소[속성$=값])	$("a[href$='com']")	document.querySelector ("a[href$='com']")	a태그의 href속성 값이 com로 끝나는 요소를 가져옴
(요소[속성*=값])	$("a[href*='tistory]")	document.querySelector ("a[href*='tistory']")	a태그의 href속성 값에 tistory가 포함된 요소를 가져옴
(:text)	$(:text) 응용) $('.클래스명:text')		input태그의 type이 text인 요소를 가져옴