jQuery温习篇 强大的JQuery选择器(2)

3.3:内容选择器

选择表达式

 

说明

 

举例

 

:contains(text)

 

匹配包含给定文本的元素,只要里面出现即可

 

$("p:contains('段落')")
找带有段落字样的p元素

 

:empty

 

匹配所有不包含子元素或者文本的空元素

 

$("div:empty")

 

:has(selector)

 

匹配含有选择器所匹配的元素的元素

 

$("div:has('p')")

 

:parent

 

匹配含有子元素或者文本的元素

 

$("div:parent")

 

4.4子元素选择器

选择器

 

说明

 

举例

 

:first-child

 

匹配第一个子元素

 

$("ul li:first-child")//在每个 ul 中查找第一个 li

 

:last-child

 

匹配最后一个子元素

 

$("ul li:last-child")//在每个 ul 中查找最后一个 li

 

:nth-child(index/even/odd/equation)

 

匹配其父元素下的第N个子或奇偶元素

':eq(index)' 只匹配一个元素,而这个将为每一个父元素匹配子元素。:nth-child从1开始的,而:eq()是从0算起的!

可以使用:
nth-child(even)//偶数行

:nth-child(odd)//奇数行
:nth-child(3n)
:nth-child(2)//索引为2的
:nth-child(3n+1)
:nth-child(3n+2)

 

$("ul li:nth-child(2)")//在每个 ul 查找第 2 个li

 

:nth-child(index/even/odd/equation)

 

匹配其父元素下的第N个子或奇偶元素

 

$("ul li:nth-child(2)")//在每个 ul 查找第 2 个li

 

:only-child

 

如果某个元素是父元素中唯一的子元素,那将会被匹配

如果父元素中含有其他元素,那将不会被匹配。

 

$("ul li:only-child")//在 ul 中查找是唯一子元素的 li

 

4.5:可见性选择器

选择器

 

说明

 

举例

 

:hidden

 

匹配所有的不可见元素,input 元素的 type 属性为 "hidden" 的话也会被匹配到

 

$("div:hidden")

 

:visible

 

匹配所有的可见元素

 

$("div:visible")//元素来匹配

$(".divH:visible")//根据class来匹配

 

例子就不用多讲了,大家对于jQuery应该都有一定的见地了。呵呵…

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdxpsy.html