[2] jQuery Filter

 

 

 

 

 

 

 

 

 

 

jQuery Filter

 

jQuery에서는 각종 Filter를 제공하는데 Filter를 사용하여 DOM 내의 요소를 더욱 간단하게 선택할 수 있다.

필터는 Selector의 id, class, tag 등이 들어가는 위치에서 사용되며 :를 붙여 사용한다.

 

· [:eq(i)]

usage : $('tr:eq(0)')

: DOM 내의 tr 중 0번째 요소를 Select

 

· [:not()]

usage : $('table:not(.defaultTable)')

: DOM 내의 table 중에서 attr class가 defaultTable이 아닌 요소를 Select

 

· [:gt(i)]

usage : $('tr:gt(0)')

: DOM 내의 tr tag 중 0번째  이후의 요소를 Select

 

· [:lt(i)]

usage : $('tr:gt(0)')

: DOM 내의 tr tag 중 0번째  이전의 요소를 Select

 

· [:parent]

usage : $('tr:parent')

: DOM 내의 tr tag 중 자식 tag가 있는 요소를 Select

 

· [:XXX-child()]

usage : $('td:first-child')

: DOM 내의 td tag 중 첫 번째 요소를 Select

usage : $('td:last-child')

: DOM 내의 td tag 중 마지막 요소를 Select

usage : $('td:nth-child(0)')

: DOM 내의 td tag 중 0번째 요소를 Select

usage : $('td:only-child')

: DOM 내의 td tag 중 형제가 없는 요소를 Select

 

· [:visible]

usage : $('button:visible')

: DOM 내의 button tag 중 화면에 보여지는 요소를 Select

 

· [:hidden]

usage : $('button:hidden')

: DOM 내의 button tag 중 화면에서 숨겨진 요소를 Select

 

· [:empty]

usage : $('td:empty')

: DOM 내의 td tag 중 비어있는 요소를 Select

 

· [:has(tag)]

usage : $('div:has(img)')

: DOM 내의 div tag 중 img tag를 포함하고 있는 요소를 Select

 

· [:contains("text")]

usage : $('td:contains("hello")

: DOM 내의 td tag 중 "hello"를 포함하고 있는 요소를 Select

 

· [:even]

usage : $('tr:even)

: DOM 내의 td tag 중 짝수번째 요소를 Select

 

· [:odd]

usage : $('tr:odd)

: DOM 내의 td tag 중 홀수번째 요소를 Select

 

· [:header]

usage : $('*:header')

: DOM 내의 h1~h6 요소를 Select

 

· [:animated]

usage : $('img:animated)

: DOM 내의 img tag 중 애니메이션 요소를 Select