jQuery遍历DOM节点操作之filter()方法详解_jquery

来源：懂视网责编：小采时间：2020-11-27 20:53:25

jQuery遍历DOM节点操作之filter()方法详解_jquery

jQuery遍历DOM节点操作之filter()方法详解_jquery:本文实例分析了jQuery遍历DOM节点操作之filter()方法。分享给大家供大家参考，具体如下： .filter(selector) 此方法用于在匹配元素中按照选择器表达式进行筛选。记住：使用此方法必须得传入选择器表达式参数，不然会报错'nodeType' 为空或不是

推荐度：

点击下载本文 文档为doc格式

导读jQuery遍历DOM节点操作之filter()方法详解_jquery:本文实例分析了jQuery遍历DOM节点操作之filter()方法。分享给大家供大家参考，具体如下： .filter(selector) 此方法用于在匹配元素中按照选择器表达式进行筛选。记住：使用此方法必须得传入选择器表达式参数，不然会报错'nodeType' 为空或不是

本文实例分析了jQuery遍历DOM节点操作之filter()方法。分享给大家供大家参考，具体如下：

.filter(selector)

此方法用于在匹配元素中按照选择器表达式进行筛选。
记住：使用此方法必须得传入选择器表达式参数，不然会报错“'nodeType' 为空或不是对象”

另外请注意这个filter方法和jquery中的find方法的区别:
filter方法是对匹配元素进行筛选，而find方法是对匹配元素的后代元素进行筛选。

从jquery1.4版本开始，filter方法又添加了两个新的用法，现在一共有四种用法了。

下面来具体看看这四种用法：

一、 .filter(selector)

这种用法是在已匹配的元素中按照给定的selector参数（jquery选择器表达式）进行筛选，然后将匹配的元素包装成jquery元素集合返回。这个方法是用来缩小匹配范围的，selector参数可以是多个表达式用逗号连接起来。

来看例子：

HTML代码：

Jquery代码：

上面的jquery代码和下面的jquery代码效果是一样的

再来看一下选择器表达式用逗号连接起来的用法：

demo示例如下：

HTML代码：

jquery代码：

上面代码的结果是第二个div元素和 id为“fourth”的div元素的边框变成了双线颜色为蓝色

demo示例如下：

jQuery遍历DOM节点操作之filter()方法详解_jquery

推荐度：

点击下载本文 文档为doc格式

标签： () 节点 ()方法

热门焦点

jQuery遍历DOM节点操作之filter()方法详解_jquery

jQuery遍历DOM节点操作之filter()方法详解_jquery

jQuery遍历DOM节点操作之filter()方法详解_jquery

最新推荐

猜你喜欢

热门推荐