缩小搜索元素的范围

三个最基本的过滤方法是: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. 1 OC 对象的本质(一个NSObject 对象占用的内存大小)
  2. 谷歌宣布即将开放 .dev 顶级域名注册
  3. 在STM32单片机上跑神经网络算法
  4. 详解CNN实现中文文本分类过程
  5. 从C语言到C++的进阶之C到C++的转变(篇一)
  6. can总线短距离不用双绞线_汽车中的总线系统——以太网(2)博通出世
  7. springMVC与RESTful支持
  8. 解决电脑右键新建没有文本文档的问题
  9. 怎么把ppt文字大小设置一致_其实,90%的大学生根本不会做PPT
  10. 电路串联和并联图解_串联电路和并联电路
  11. mysql front 链接_使用mysql_Front链接mysql,出现警告access denied for user ''@'localhost'
  12. 关于函数连续性的逐点定义
  13. 柯西分布——正态分布的兄弟
  14. 百万年薪python之路 -- 软件的开发规范
  15. java怎么编程class,深入理解Java Class文件格式(一)
  16. Word 2016 如何设置黑底白字
  17. 电机控制书籍复习--高性能变频调速及其典型控制系统-马小亮
  18. 软件学报投稿论文格式模板
  19. LaTeX—如何把论文模板的关键词从Index Terms 改为Keywords
  20. PC免费简约开源的TXT小说阅读器(提取章节、书籍分组管理、记忆阅读进度、换肤、换字体、换主题)仅支持Windows

热门文章

  1. Flutter入门一——W7环境下使用VSCode配置Flutter开发环境(脱离Android Studio安装)...
  2. NA-NP-IE系列实验2
  3. 第七次JAVA语言笔记
  4. 好用的 curl 抓取 页面的封装函数
  5. Hibernate缓存的evict、clear和flush方法
  6. 大用户量下Open***部署方案(二)
  7. Ubuntu快速设置指南
  8. supesite 更换目录或者域名操作方法
  9. 使用Camera的几个步骤
  10. Linux互斥与同步之原子操作