웹/jQuery
jQuery선택자
무적강사
2019. 7. 16. 13:05
jQuery선택자들
선택자 |
설명 |
$("*") |
모든 엘리먼트 |
$("태그명") |
명시한 태그로 정의된 html 요소 |
$(this) |
현재 작업 중인 html 요소 |
$("#test") |
id="test"로 정의된 html 요소 |
$(".test") |
class="test"로 정의된 html 요소 |
$("태그1,태그2") |
태그1, 태그2로 정의된 html 요소ex) $("div,h1") => <div>와 <h1>태그로 정의된html 요소 |
$(".test1,.test2") |
class="test1"과 class="test2"로 정의된html 요소 |
$("태그1 태그2") |
모든 태그1의 하위 태그인 태그2로 정의된 html 요소ex) $("div h1") => <div> 태그 안에 정의된<h1>태그들 |
$("태그.클래스명") |
클래스명으로 정의된 모든 태그들ex) $("div.test") => <div class="test">로 정의된모든 html 요소 |
$("태그:first") |
태그로 정의된 html 요소들 중 첫 번째 요소 |
$("태그:last") |
태그로 정의된 html 요소들 중 마지막 요소 |
$("태그:first-child") |
해당 태그가 다른 태그의 첫 번째 하위 요소인 것들을 선택
|
$("[속성명]") |
정의한 속성을 갖고 있는 모든 html 요소ex) $("[href]") => href 속성을 갖고 있는 요소 |
$("태그명[속성명=속성값]") |
명시한 속성과 속성값으로 정의된 모든 태그 |
$(":input") |
<input>으로 정의된 모든 html 요소 |
$(":text") |
<input type="text">인 모든 html 요소 |
$(":odd") |
홀수번째 요소 |
$(":even") |
짝수번째 요소 |