美文网首页
jQuery选择器之基本筛选选择器

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

作者: 光光的杂货铺 | 来源:发表于2017-01-25 23:32 被阅读0次
图片.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
单一选中某一元素

相关文章

  • jQuser有选择器

    jQuery基本选择器 jQuery过滤选择器 jQuery层级选择器 jQuery筛选选择器(方法)

  • 前端学习之jQuery

    选择器 基本选择器 层级选择器(重点)、基本过滤选择器 筛选选择器 使用jQuery操作DOM 样式操作 样式属性...

  • jquery选择器书目录

    jquery选择器-基本选择器 jquery选择器-层级选择器 jquery选择器-基本过滤选择器 jquery选...

  • 前端-4

    jQuery 基本语法: $(selector).action() 选择器 筛选器

  • jQuery入门(2)

    jQuery选择器 属性筛选选择器 子元素筛选选择器 表单元素选择器 表单对象属性筛选选择器 特殊选择器this ...

  • jQuery选择器

    层级选择器层级选择器 基本筛选选择器基本筛选选择器 内容筛选选择器

  • jquery 选择器

    jQuery层级选择器 基本筛选选择器 注意事项: :eq(), :lt(), :gt(), :even, :od...

  • jQuery 基础

    jQuery jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样...

  • jQuery

    jQuery jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样...

  • JQuery基础知识

    jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样式 css操作...

网友评论

      本文标题:jQuery选择器之基本筛选选择器

      本文链接:https://www.haomeiwen.com/subject/qejabttx.html