본문 바로가기

jQuery Selector References

반응형


jQuery Selector References

 

Selector

사용예

선택되는 요소

*

$("*")

모든 엘리먼트

#id

$("#lastname")

id=lastname인 엘리먼트

.class

$(".intro")

class=intro인 엘리먼트

element

$("p")

모든 p 엘리먼트

.class.class

$(".intro.demo")

class가 intro 및 demo인 모든 엘리먼트




:first

$("p:first")

첫 번째 p 엘리먼트

:last

$("p:last")

마지막 p 엘리먼트

:even

$("tr:even")

모든 짝수번째의 tr 엘리먼트

:odd

$("tr:odd")

모든 홀수번째의 tr 엘리먼트




:eq(index)

$("ul li:eq(3)")

list 에서 4번째 엘리먼트

:qt(no)

$("ul li:gt(3)")

3보다 큰 인덱스를 가진 list 엘리먼트

:lt(no)

$("ul li:lt(3)")

3보다 작은 인덱스를 가진 list 엘리먼트

:not(selector)

$("input:not(:empty)")

비어있지 않은 모든 input 엘리먼트




:header

$(":header")

h1, h2, ... 같은 모든 헤더 엘리먼트

:animated

$(":animated")

모든 animated 엘리먼트




:contains(text)

$(":contains('Test')")

해당 텍스트를 포함하는 모든 엘리먼트




:empty

$(":empty")

자식이 없는 노드(엘리먼트)를 가진 모든 엘리먼트

:hidden

$("p:hidden")

모든 숨겨진 p 엘리먼트

:visible

$("table:visible")

모든 보여진(visible인) table




s1,s2,s3

$("th,td,.intro")

selector와 일치하는 모든 엘리먼트




[attribute]

$("[href]")

href 특성(attribute)이 있는 모든 엘리먼트

[attribute=value]

$("[href='default.htm']")

href 특성값이 ‘default.htm'인 모든 엘리먼트

[attribute!=value]

$("[href!='default.htm']")

href 특성값이 ‘default.htm'이 아닌 모든 엘리먼트

[attribute$=value]

$("[href$='.jpg']")

href 특성값이 ‘.jpg'로 끝나는 모든 엘리먼트

[attribute^=value]

$("[href^='jquery_']")

href 특성값이 ‘jquery_'로 시작하는 모든 엘리먼트




:input

$(":input")

모든 input 엘리먼트

:text

$(":text")

type="text"인 모든 input 엘리먼트

:password

$(":password")

type="password"인 모든 input 엘리먼트

:radio

$(":radio")

type="radio"인 모든 input 엘리먼트

:checkbox

$(":checkbox")

type="checkbox"인 모든 input 엘리먼트

:submit

$(":submit")

type="submit"인 모든 input 엘리먼트

:reset

$(":reset")

type="reset"인 모든 input 엘리먼트

:button

$(":button")

type="button"인 모든 input 엘리먼트

:image

$(":image")

type="image"인 모든 input 엘리먼트

:file

$(":file")

type="file"인 모든 input 엘리먼트




:enabled

$(":enabled")

enabled인 모든 input 엘리먼트

:disabled

$(":disabled")

disabled인 모든 input 엘리먼트

:selected

$(":selected")

selected인 모든 input 엘리먼트

:checked

$(":checked")

checked인 모든 input 엘리먼트

 


출처 - http://blog.naver.com/topsaga/140155785678




반응형