지토의 개발일기/jQuery
[jQuery] 속성 탐색 선택자
지아토
2021. 10. 21. 11:25
속성 탐색 선택자란?
선택한 요소를 기준으로 일치하는 속성의 포함 여부를 따져 요소를 선택하는 선택자임
속성 탐색 선택자의 종류
| 종류 | 사용법 | 설명 |
| $("요소 선택[속성]") | $("li[title]") | <li> 요소중 title 속성이 포함된 요소만 선택 |
| $("요소 선택[속성=값]") | $("li[title='리스트']") | <li>요소중 title 속성값이 '리스트'인 요소만 선택 |
| $("요소 선택[속성^=텍스트]") | $("a[href^='http://']") | <li>요소중 href 속성값이 'http://'로 시작하는 요소만 선택 |
| $("요소 선택[속성$=텍스트]") | $("a[href$='.com']") | <li>요소중 href 속성값이 '.com'으로 끝나는 요소만 선택 |
| $("요소 선택[href*=텍스트]") | $("a[href*='easypub']") | <li>요소 중 href 속성 값 중에서 'easyspub'을 포함하는 요소만 선택 |
| $("요소 선택:hidden") | $("li:hidden") | <li>요소 중 숨겨져 있는 요소만 선택 |
| $("요소 선택:visible") | $("li:visible") | <li>요소 중 보이는 요소만 선택 |
| $(".text") | $(".text") | <input> 요소중 type 속성값이 "text"인 요소만 선택 |
| $(".selected") | $(".selected") | selected 속성이 적용된 요소만 선택 |
| $(".checked") | $("checked") | checked 속성이 적용된 요소만 선택 |
기본형
$("요소 선택[속성]")
$("요소 선택[속성^=값]")
$("요소 선택[속성$=값]")
$("요소 선택[속성*=값]")
$(":type 속성값")
간단한 예제 )
속성 상태에 따른 탐색 선택자
기본형
1. $("요소 선택:[visible|hidden]")
2. $(":selected")
3. $(":checked")
간단한 예제)
