`

jquery遍历-过滤

 
阅读更多
first() 返回被选元素的首个元素。
last() 返回被选元素的最后一个元素。
eq() 返回被选元素中带有指定索引号的元素。
filter() 允许规定一个标准：不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。
not() 返回不匹配标准的所有元素。 

<script>
$(document).ready(function(){
  $("div p").first().css("background-color","yellow");
  $("div p").last().css("background-color","blue");
  $("p").eq(3).css("background-color","gray");
  $("p").filter("#ind1").css("color","red");
});
</script>
</head>
<body>
<div>
<p>这是 div 中的一个段落。(index 0)</p>
<p id="ind1">这是 div 中的一个段落。(index 1)</p>
</div>
<div>
<p>这是 div 中的另一个段落。(index 2)</p>
</div>
<p>这也是段落。(index 3)</p>
</body>


  • 大小: 65 KB
分享到：
| jquery遍历-同级遍历
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery选择器 2.pptx

    1、jQuery遍历;1、jQuery遍历;2、遍历-祖先;2、遍历-祖先;2、遍历-祖先;2、遍历-祖先;3、遍历-后代;3、遍历-后代;3、遍历-后代;4、遍历-同胞;4、遍历-同胞;4、遍历-同胞;4、遍历-同胞;4、遍历-同胞;4、遍历-同胞;5、...

    jQuery--遍历操作实例小结【后代、同胞及过滤】

    主要介绍了jQuery 遍历操作,结合实例形式详细分析了jQuery针对后代、同胞及过滤遍历的相关函数、操作技巧与使用注意事项,需要的朋友可以参考下

    jQuery 遍历 – 后代

    jQuery 遍历 – 后代 后代是子、孙、曾孙等等。 通过 jQuery，您能够向下遍历 DOM 树，以查找元素的后代。 向下遍历 DOM 树 下面是两个用于向下遍历 DOM 树的 jQuery 方法： children() find() jQuery ...

    jQuery遍历DOM元素与节点方法详解

    本文实例讲述了jQuery遍历DOM元素与节点方法。分享给大家供大家参考，具体如下： 一、向上遍历–祖先元素 ① $(selector).parent([filter]):返回selector匹配元素的直接父元素，方法可以接受一个过滤selector来过滤...

    jQuery 3.1 标准课程第六章 遍历过滤元素的方法(三)

    jQuery 3.1 标准课jQuery 3.1 标准课程第六章 遍历过滤元素的方法(三)程第六章 遍历过滤元素的方法(三)

    jQuery 3.1 标准课程第六章 遍历过滤元素的方法(

    jQuery 3.1 标准课程第六章 遍历过滤元素的方法(四)

    jQuery权威指南-源代码

    3.8　遍历元素/71 3.9　删除元素/73 3.10　综合案例分析—数据删除和图片预览在项目中的应用/75 3.10.1　需求分析/75 3.10.2　效果界面/75 3.10.3　功能实现/77 3.10.4　代码分析/80 3.11　本章小结/81 第4章　...

    jquery遍历数组与筛选数组的方法

    grepgrep()方法用于数组元素过滤筛选 grep(array,callback,invert)array：待过滤数组;callback：处理数组中的每个元素，并过滤元素，该函数中包含两个参数，第一个是当前数组元素的值，一个是当前数组元素的下标，即...

    jQuery–遍历操作实例小结【后代、同胞及过滤】

    本文实例讲述了jQuery–遍历操作。分享给大家供大家参考，具体如下： jQuery–遍历【后代】 向下遍历 DOM 树 下面是两个用于向下遍历 DOM 树的 jQuery 方法： children() find() children() 方法 返回每个 &lt;div&gt; ...

    04-javaWeb-jQuery.7z

    jQuery数据遍历、val设置、标签设置、元素创建  案例4-省市联动 选择器——表单对象属性过滤选择器 案例5-左右移动 总结 ———————————————— 版权声明：本文为CSDN博主「oooola」的原创文章，...

    使用JQuery选择HTML遍历函数的方法

    使用JQuery，可以很容易的选择THML元素。但在有些时候，HTML结构比较复杂的时候，提炼我们选择的元素就是一件比较麻烦的事情。 1、children 这个函数得到一组元素的直接子级。 给children()传递一个选择表达式将选择...

    JQuery权威指南源代码

    使用jQuery基本过滤选择器 使用jQuery内容过滤选择器 使用jQuery可见性过滤选择器 使用jQuery属性过滤选择器 使用jQuery子元素过滤选择器 使用jQuery表单对象属性过滤选择器 使用jQuery表单过滤选择器 第3章 ...

    jQuery过滤HTML标签并高亮显示关键字的方法

    主要介绍了jQuery过滤HTML标签并高亮显示关键字的方法,实例分析了jquery遍历html标签并进行替换的相关技巧,需要的朋友可以参考下

    Jquery学习笔记分享

    第1章. JQuery概述 2 1. Jquery基本作用 2 2. 优点 2 3. 引入JQuery 2 4. 代码风格 2 5. 其他 JavaScript 库 3 6. 多个库之间的冲突 3 ...9. 遍历节点 10 10. css-DOM 操作 10 第4章. jQuery的事件 12

    jquery-course：我的Udemy课程“完整的jQuery课程：从入门到高级”中的代码

    jQuery代码段这些代码段基于我的开发的代码，... 这包括使用CSS选择器，用于遍历DOM的jQuery函数以及基于某些谓词过滤给定的选择。第4节：操作DOM I 第4节演示了如何添加，删除和替换DOM元素。 此后，它还显示了如何操

    超实用的jQuery代码段

    11.17 jQuery遍历对象的属性 11.18 最优化的循环语句写法 11.19 如何构建最优化的字符串 11.20 使用jQuery产生GUID值 11.21 使用jQuery实现聚合函数 11.22 用jQuery打印网页的特定区域 11.23 禁止表单被提交 11.24 ...

    Jquery学习手册

    jQuery.each(function)，遍历jQuery对象集合，在每个对象上执行function函数，function callback(index, domElement){this}; jQuery.size()，返回jQuery对象集合的大小 jQuery.length，相当于size()方法 jQuery....

    jquery插件使用方法大全

    （详情可以参见：jQuery.ajax文档） 此外，系统的可扩展性大大增强，可以附加各种数据处理器、过滤器和传输机制，为开发新的Ajax插件提供了方便。 2. 延迟对象 延迟对象（Deferred Object，jQuery.Deferred对象）是...

Magicbox
Global site tag (gtag.js) - Google Analytics