前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >锋利的jQuery第五期

锋利的jQuery第五期

作者头像
一头小山猪
发布2020-06-15 17:41:50
3270
发布2020-06-15 17:41:50
举报
文章被收录于专栏:微光点亮星辰

昨日因为大图图文章图片出了点问题所以补更了一期,和大家晚见面了一天,虽然小编今日出差,但还是抓紧时间在机场把推文写好,毕竟,做人做事,安全。。。咳,信誉第一。

好啦,上一期我们介绍了两个基础过滤选择器,因为这一部分使用率未必很高,所以预计下一期会把这部分结束,进入可见性过滤器(这个一个例子就跳过了)以及属性过滤选择器。

原始效果图,大家注意里面各元素的关系。

第一发,筛选出不为某某某的元素:通过和其他选择器搭配,可以从一组选择器中进行进一步筛选,具体语法就是在冒号后加上not(xxx),以下例子的效果为从所有div元素中筛选出class属性值不为one的元素,当然,这个比较简单,因为class属性值本身就有相应的选择器写法,如果复杂一些的大家可以借助Xpath通配符来实现。效果图如下:

具体代码如下:$("div:not(.one)").css("background","#bbffaa");

另外一个比较常用的就是eq用法,因为比较简单就一起说了,eq即通过索引位置来获取对应的元素,比如获取索引为3的元素的写法就是eq(3),因为是索引,所以获取的就是第四个元素。效果图如下:

具体代码如下:$("div:eq(3)").css("background","#bbffaa");

第二发,接着上例,我们来看一下大于和小于,大家还记得html中要在网页输出大于号和小于号要怎么写吗?需要使用&gt和&lt,jQuery中是一样的,大于为gt,小于为lt,语法规则和eq相同,在这里补充一点,如果我们通过jQuery获取了一组元素,要提取其中的一个的时候,不要使用下标的方式或其他方式来取,因为这样会自动转为DOM对象,当然如果有这方面的需求也是没问题的,如果我们使用eq(x),就会获得一个jQuery对象。那么我们来看如下两个例子的效果图:

代码分别为:

$("div:gt(3)").css("background","#bbffaa");

$("div:lt(3)").css("background","#bbffaa");

好啦,时间比较仓促,暂时就想到这么多,大家可以多多在文章中留言,现在公众号对话还是自动回复的状态,大家有什么建议欢迎在文章下留言,谢谢大家的支持,多多帮忙转发朋友圈,希望能吸引更多的观众和作者,谢谢大家!

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2016-10-13,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 微光点亮星辰 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档