jQuery选择器之基本筛选选择器

图片.png

注意事项:

  1. :eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素,根据之前匹配的元素在进一步筛选,注意jQuery合集都是从0开始索引
    2.gt是一个段落筛选,从指定索引的下一个开始,gt(1) 实际从2开始

示例1

图片.png

示例2:even

图片.png

结果

图片.png

怎么是First和Three?因为元素从0开始索引,First的元素索引值为0;

想获得Two和Four怎么办呢,改为$(".div1 odd")即可

示例:

  1. $("input:not(:checked) + p").css("background-color", "red");
    匹配input标签中没有被选中的选框下紧跟着的p标签中的内容,并将背景颜色改为红色

2.$(".mp:lt(2)").css("color", "red"); lt: less than
匹配class为mp的元素,并将元素小标小于2的颜色改为红色

3.2.$(".mp:gt(2)").css("color", "red"); gt:greater than

4.2.$(".mp:eq(2)").css("color", "red"); eq:equal
单一选中某一元素

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 作为前端和后台最基础可靠的神器工具JQuery,你真的对她有足够了解么? 亚非拉地区苦逼的前端er们,有时候不得不...
    扭了个妞阅读 386评论 0 0
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,506评论 0 44
  • 一、基本选择器 1.id选择器 找到id=main的元素给它增加border:1px solid red; 2.标...
    mkmolecule阅读 282评论 0 0
  • 1.JS中选择DOM元素的方法 考虑兼容性的话,js里面提供的选择DOM的方法只有两个: 2.jQuery选择器 ...
    MGd阅读 147评论 0 0
  • 文:阿扎 “十年后拉萨见!”——这是我在西宁恒裕房门前看到的字。一直在幻想这6个字背后的故事,或许是一夜邂逅恋恋不...
    阿扎_郑雷涛阅读 639评论 8 7