`

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来高效地遍历DOM元素，以实现对网页内容的控制和操作。 首先，jQuery提供了多种遍历方法，包括基本的选择器和遍历函数。选择器如`$()`用于选取DOM元素，可以...

    jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍

    综上所述，nextUntil()和prevUntil()方法是jQuery遍历功能中非常有用的工具，它们让开发者可以灵活地选择元素集之间的同胞元素，便于进行特定的DOM操作和样式修改。在使用这两个方法时，需要确保选择器的正确性以及...

    jQuery技术手册

    **4.5 jQuery遍历-过滤** - **filter(selector)`: 选择匹配的元素。 - **not(selector)`: 选择不匹配的元素。 **五、jQuery-AJAX** **5.1 jQuery-AJAX简介** - **概念**: 异步JavaScript和XML技术，允许网页部分...

    jQuery 遍历 – 后代

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

    jquery-tmpl-master.zip

    此外，还可以自定义标签以扩展功能，例如自定义过滤器或者实现更复杂的逻辑。 五、与jQuery其他插件的集成 jQuery-Tmpl与其他jQuery插件（如jQuery UI）有良好的兼容性，可以在数据绑定的基础上实现交互效果。同时...

    jQuery插件-多选全选实时搜索下拉框

    在jQuery中，这可以通过遍历所有子选项并更改它们的选中状态来实现。 **四、实时搜索** 实时搜索是指在用户输入关键词时，下拉框中的选项会根据输入进行过滤，只显示匹配的选项。这提高了用户在大量选项中寻找目标...

    jquery学习-----jquery库讲义

    jQuery是一款流行的JavaScript库，它的主要目标是简化HTML文档遍历、事件处理、动画以及Ajax交互等操作，使得Web开发变得更加简单高效。通过提供丰富的API，jQuery极大地降低了JavaScript编程的难度，让开发者能够...

    jquery1.6-1.7中文API文档

    六、遍历和过滤（Traversing & Filtering） 1. `children()`,`parent()`,`parents()`：获取元素的子元素、父元素及所有上级元素。 2. `siblings()`：获取同级元素。 3. `next()`与`prev()`：获取当前元素的下一个或...

    jQuery 遍历函数详解

    下面我们详细讲解这些jQuery遍历函数的知识点。 .add()函数用于将元素添加到jQuery对象集合中。这个函数可以将新元素直接添加到现有的jQuery对象集合中，实现链式操作。 .andSelf()函数将之前操作返回的元素集添加...

    jQueryAPI-100214.rar

    九、遍历与过滤（Traversing & Filtering） `children()`, `parent()`, `siblings()`等方法用于遍历和获取元素的关系。`filter()`, `not()`, `is()`等用于筛选元素集合，`eq()`, `first()`, `last()`则可以定位到...

    jquery easy-ui

    1. **jQuery**: jQuery 是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互。jQuery EasyUI就是在jQuery的基础上，提供了一系列易于使用的UI组件。 2. **EasyUI组件**: - **树形控件...

    jquery.jqGrid-4.3.1+jquery-ui-1.8.17.rar

    在Web开发领域，jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互。jQuery.jqGrid是基于jQuery的开源数据网格插件，而jQuery UI则是提供了一系列可自定义的用户界面组件。...

    jQuery教程学习

    12. **jQuery速成 - 过滤** 学习如何过滤已选取的元素集合，以达到更精准的操作。 13. **jQuery速成 - 查找** 探索如何在已选取的元素中查找特定子元素。 14. **jQuery速成 - 串联** 了解如何将多个jQuery对象组合...

    jQuery入门-1.0笔记

    ### jQuery遍历 jQuery也提供了一些方法来遍历匹配元素集，以便进行进一步的操作。例如，可以使用.each()方法来迭代匹配的元素集合，并对每个元素执行函数。此外，还可以使用.find()、.filter()等方法来查找符合特定...

    jquery-easyui-1.5.1.rar

    - **jQuery**: jQuery 是一个快速、简洁的JavaScript库，能简化HTML文档遍历、事件处理、动画设计和Ajax交互。jQuery 的易用性使得它成为前端开发的首选工具。 - **EasyUI组件**: EasyUI 提供了一系列组件，如`...

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

    本文将详细介绍 jQuery 中针对后代、同胞及过滤遍历的相关函数和技巧。 1. **遍历后代** - `children()` 函数用于获取元素的所有直接子元素。例如，`$("div").children();` 将返回所有 `&lt;div&gt;` 元素的直接子元素。...

    jquery1.3-中文API.rar

    8. **遍历和过滤**：`.each()`函数可用于遍历集合，`.filter()`和`.not()`则可以筛选元素集合。 9. **插件开发**：jQuery易于扩展，开发者可以创建自己的插件，通过`.fn.extend()`将新功能添加到jQuery对象上。 ...

    jqueryAPi-1.41.rar

    八、遍历和过滤 $.each()函数用于遍历数组或对象，$(selector).each(function() {...})则遍历匹配的元素集合。$(selector).first()、$(selector).last()选取首尾元素，$(selector).next()、$(selector).prev()则选取...

    jQuery入门---设计思想

    接下来，jQuery 提供了多种方式来改变结果集，允许我们过滤、定位或移动到DOM树中的其他元素。例如，`$('div').has('p')` 会选择包含`p`元素的`div`，`$('div').not('.myClass')` 会排除掉`class`为`myClass`的`div`...

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