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")

해당 태그가 다른 태그의 첫 번째 하위 요소인 것들을 선택
ex) $("ul:first-child") => 첫 번째 하위 요소 위치에 정의된 모든 
                                <ul>태그들

$("[속성명]")

정의한 속성을 갖고 있는 모든 html 요소

ex) $("[href]") => href 속성을 갖고 있는 요소

$("태그명[속성명=속성값]")

명시한 속성과 속성값으로 정의된 모든 태그

$(":input")

<input>으로 정의된 모든 html 요소

$(":text")

<input type="text">인 모든 html 요소

$(":odd")

홀수번째 요소

$(":even")

짝수번째 요소

' > jQuery' 카테고리의 다른 글

jQuery Effect  (0) 2019.07.16
jQuery 이벤트  (0) 2019.07.16
jQuery개요  (0) 2019.07.16

+ Recent posts