下面举一个例子：
复制代码 代码如下:
- list item 1
- list item 2
- alist item 2-a
- list item 2-b
- list item 3
- list item 4
复制代码 代码如下:
$('li').has('span').css('background-color', 'red');
得到的结果如下：
这个例子可以看出：在匹配li时，要检查该li的后代元素中是否包含了span，如果包含，则该元素包含在结果中。如果不包含，那么就排除。
注意：has只起判断作用。以has参数中的选择器或DOM元素做为条件，检测原结果集中的元素是否符合。去掉不符合的元素，将符合的元素构成一个新结果集。
这与find()方法不同，find()方法是获得在当前结果集中每个元素的后代。参数（选择器、jquery集合或DOM元素）做为过滤条件，满足过滤条件的则保留，保留的是后代。而has()方法中，参数只做为条件，符合条件的，它的前元素加入新的结果集，而不是后代加入新的结果集。
$('li').find('span').css('background-color', 'red');
结果为：
filter()方法与has()方法中的参数，都是过滤条件。不同的是filter()方法，条件作用于自身；has()方法条件是作用于它的后代元素中。
以下面的例子为例：filter()方法中，条件作用于自身li，has()方法条件是作用于li的后代元素复制代码 代码如下:
alist item 2-a
复制代码 代码如下:
$('li').filter('.a').css('background-color', 'red');
结果为：
声明：本文原创发布php中文网，转载请注明出处，感谢您的尊重！如有疑问，请联系admin@php.cn处理
网友评论
文明上网理性发言，请遵守 新闻评论服务协议
我要评论