缩小搜索元素的范围

三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。

其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。


jQuery first() 方法

first() 方法返回被选元素的首个元素。

下面的例子选取首个 <div> 元素内部的第一个 <p> 元素:

实例

$(document).ready(function(){ $("div p").first();});

尝试一下 »


jQuery last() 方法

last() 方法返回被选元素的最后一个元素。

下面的例子选择最后一个 <div> 元素中的最后一个 <p> 元素:

实例

$(document).ready(function(){ $("div p").last();});

尝试一下 »


jQuery eq() 方法

eq() 方法返回被选元素中带有指定索引号的元素。

索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个 <p> 元素(索引号 1):

实例

$(document).ready(function(){ $("p").eq(1);});

尝试一下 »


jQuery filter() 方法

filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

下面的例子返回带有类名 "url" 的所有 <p> 元素:

实例

$(document).ready(function(){ $("p").filter(".url");});

尝试一下 »


jQuery not() 方法

not() 方法返回不匹配标准的所有元素。

提示:not() 方法与 filter() 相反。

下面的例子返回不带有类名 "url" 的所有 <p> 元素:

实例

$(document).ready(function(){ $("p").not(".url");});

尝试一下 »

jquery 过滤 first last eq filter not相关推荐

  1. jQuery过滤、遍历同级元素、向上遍历、向下遍历

    话不多说,直接贴代码(我只是希望能在温习原生js的同时,发现一些有趣的东西!) .html: <!DOCTYPE html> <html> <head> <m ...

  2. js进阶 11-15 jquery过滤方法有哪些

    js进阶 11-15  jquery过滤方法有哪些 一.总结 一句话总结:jquery方法中的参数一般是什么:选择器.元素或 jQuery 对象. 1.jquery方法中的参数一般是什么? 选择器.元 ...

  3. jQuery 过滤方法

    文章目录 jQuery 过滤方法 hasClass() 类名过滤 eq() 下标过滤 is() 判断过滤 not() 反向过滤 filter() 表达式过滤 has() 表达式过滤后代元素 jQuer ...

  4. R行数据过滤基于dplyr包filter函数

    R行数据过滤基于dplyr包filter函数 目录 R行数据过滤基于dplyr包filter函数 筛选等于某个值的行 使用与操作筛选行

  5. jq查找字段忽略html标签,jQuery过滤HTML标签并高亮显示关键字的方法

    本文实例讲述了jQuery过滤HTML标签并高亮显示关键字的方法.分享给大家供大家参考.具体如下: jQuery实现网页关键字过滤效果,将需要过滤的文字定义在JavaScript中,可定义多个,不过要 ...

  6. 版本低于1.7的jQuery过滤用户输入数据所使用的正则表达式存在缺陷

    jquery下载地址:https://code.jquery.com/jquery/ 影响范围: 版本低于1.7的jQuery过滤用户输入数据所使用的正则表达式存在缺陷,可能导致LOCATION.HA ...

  7. jquery下载地址:https://code.jquery.com/jquery/ 影响范围: 版本低于1.7的jQuery过滤用户输入数据所使用的正则表达式存在缺陷,可能导致LOCA

    jquery下载地址:https://code.jquery.com/jquery/ 影响范围: 版本低于1.7的jQuery过滤用户输入数据所使用的正则表达式存在缺陷,可能导致LOCATION.HA ...

  8. jQuery过滤选择器:first和:first-child的区别,CSS伪类:first-child

    最近项目中遇到需求:只在第一列不能删除,不显示小叉号:点击可添加一列,后面的列右上角显示小叉号,可以点击删除. 我是使用以下方法解决这个小需求 :CSS伪类选择器:first-child设置所有小叉号 ...

  9. jquery过滤时采用比较_微软,诺基亚采用jQuery

    jquery过滤时采用比较 Over on the ASP.net weblogs, Microsoft has just announced that jQuery will ship with f ...

  10. jQuery中过滤选择器的eq,ne等于gt大于lt小于

    eq 等于 gt大于 lt小于 用法: <!DOCTYPE html> <html lang="en"> <head><meta char ...

最新文章

  1. matlab 计算运行时间的办法
  2. python语言安装-Python安装
  3. 【自译】八步成为数据科学家
  4. LINQ Order by 排序
  5. Android数据库Realm实践
  6. SiftingAppender:将不同的线程记录到不同的日志文件中
  7. java中软填空面试题,通过这9个Java面试题,就可以入职华为啦
  8. 2021年10月Python小屋编程比赛获奖名单
  9. 【复现】CNVD-2020-10487-Tomcat-Ajp-lfi
  10. 嵌入式硬件上电后,程序的运行过程剖析(CPU、FLASH、内存)
  11. Beyong Compare 4 提示 “这个授权已被吊销” 的解决办法
  12. php经典实例博客管理,PHP经典项目案例-(一)博客管理系统2
  13. 8.5 Polytopes (多面体)
  14. 成功=正确的方法+艰苦的努力+少说空话——《学习之道》+《刻意练习》+《练习的心态》
  15. 什么?你连个三色渐变圆角按钮都需要UI切图?
  16. es拼音分词 大帅哥_elasticsearch实现中文分词和拼音分词混合查询+CompletionSuggestion...
  17. WiFi遇到 无法连接到这个网络 的解决办法记录 ( netsh winsock reset )
  18. 官网下载最新版本Spring
  19. S5pv210 出现一个离奇wince6.0 activesync 软件连接问题
  20. 【信息技术】【2010.09】声纳和水下摄像机图像分析

热门文章

  1. Taro-library:Taro + Redux + 本地 Mock Server 示例项目
  2. 循环遍历和迭代器遍历简单操作
  3. JVM——类加载机制(二)
  4. call及apply的用法理解
  5. Ionic3学习笔记(二)主题化
  6. 判断一个数字是整数还是小数
  7. Finding distance between two curves
  8. [System Design] 系统设计 (2) -- 数据库设计
  9. ASP.NET的Application简介1
  10. Mac 上Dock中添加“最近打开过的项目”(Recent Applications)