微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery选择器四

Query 选择器,顾名思义就是使用 jQuery 来获取/选择到某个内容,可以更好的帮助我 们在写代码中更加得心应手,所以学好jQuery是很有必要的;现在开始说一说jQuery选择器中的基本筛选器。

  1. :first 这个在jQuery里的定义是获取一个元素,但是它得配合着使用,比如页面上有五个p标签,这个时候我就可以用 $ (“p:first”)这个来获取它,还有一点要注意的就是它这里不管是双引号还是单引号都是符合规范的,这样就没那么容易搞混了。最后还是得看一下例子:

现在我要获取一个p标签并且改变它的样式,jQuery代码如下:

再看一下效果图:

看到第一行的文本变成了红色,我知道我已经成功把它获取到并且改变了它的样式。

  1. :even 简单理解一下就是获取索引值为偶数的元素,但是有一点是要注意的,因为索引值都是从0开始计算的,所以如果你要获取例如表格的1、3、5行,从0计起,那么索引值0就和表格的第一行贯通了, 接下来就按部就班了。再看一个小案例:

再看jQuery代码

这里我是把它的索引值为偶数的全部获取了,并且添加了样式:

可以看到已经成功了。

  1. :odd 它的定义:匹配所有索引值为奇数的元素,刚好和上面的 :even相反,可以简单理解为,:even是奇数对(索引值)偶数,而 :odd 是偶数对(索引值)奇数。

例子:

再看jQuery代码

最后看一下效果图:

这样是不是就非常的明显了,索引值为奇数。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐