Jquery filter()方法简介

利用filter函数可以从wrapper set中过滤符合条件的dom元素。

如下图html代码,假如我们要获取类名为filter的<a>标签,用filter方法可以很轻松的获得。

    <a href="#" class="filter">link</a>
    <a href="#" class="filter">link</a>
    <a href="#">link</a>
    <a href="#" class="filter">link</a>
    <a href="#" class="filter">link</a>
    <a href="#"></a>
    <a href="#">link</a>
    <a href="#">link</a>
    <a href="#">link</a>
    <a href="#">link</a>  

filter()方法可以传递两个参数;

(1)选择器参数过滤,代码如下:

$(‘a‘).filter(‘.filter‘);

(2)匿名函数过滤,代码如下:

$(‘a‘).filter(function(){
      return $(this).hasClass(‘filter‘);
});
时间: 2024-08-23 04:52:15

Jquery filter()方法简介的相关文章

jquery filter()方法

jquery中filter() 方法允许您规定一个过滤规则,不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回. 一.filter()语法 $(selector).filter(criteria,function(index)) 参数 描述 criteria 可选.规定要从被选元素组合中返回的选择器表达式.jQuery 对象.一个或多个元素. 提示:如需规定多个条件,请使用逗号分隔. function(index) 可选.为集合中的每个元素规定要运行的函数.如果返回 true,则保留元素,

jquery filter和not

jQuery filter() 方法 filter() 方法允许您规定一个标准.不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回. 下面的例子返回带有类名 "intro" 的所有 <p> 元素: $(document).ready(function(){ $("p").filter(".intro"); }); jQuery not() 方法 not() 方法返回不匹配标准的所有元素. 提示:not() 方法与 filter(

模仿jQuery的filter方法

对这类方法挺感兴趣的,因为方法的回调函数的返回值和jQuery变量好像没有什么关系.看了filter方法的源代码后,我就模仿了这个方法,自定义两个jQuery方法:some和every,类似于ES5新增的Array类方法some和every.代码如下: $.fn.some = function(qualifier) { var self = this; return grep(this, false, function(self, index) { return qualifier.call(s

基于jquery的has()方法以及与find()方法以及filter()方法的区别详解

1. has(selector选择器或DOM元素)   将匹配元素集合根据选择器或DOM元素为条件,检索该条件在每个元素的后代中是否存在,将符合条件的的元素构成新的结果集. 例子如下:<ul>  <li>list item 1</li>  <li>list item 2    <ul>      <li><div><span>a</span></div>list item 2-a<

jQuery filter函数使用方法

利用filter函数可以从wrapper set中过滤符合条件的DOM元素. 如果有一个内容如下的html文件,要获取类为external的<a>元素,使用filter可以很easy地搞定. <a href="#" class="external">link</a> <a href="#" class="external">link</a> <a href=&q

浅谈今天所学的Jquery 中的filter()方法

一直以来对JQuery很喜欢,它封装了JavaScript,用起来更方便,不过无论什么方法,必须要理解这个方法本来的含义,此外就是要在自己的逻辑上整理清楚,这样才能做到更多的效果.“遇到问题了,多看手册”这句话是当初学脚本语言的时候老师经常说的一句话,当初很郁闷他这句话,不过现在发现,封住的方法的确多得很,只有不断地学习,不断地用到,才会发现这些方法的区别,也才能更加合理地利用这些前辈们为我们打造好的各种包. 先来说说今天认识到的filter()方法吧. 这个方法主要用来遍历列表中的元素,或者有

jQuery编程中的一些核心方法简介

调用 jQuery 对象的方法很简单: $('h1').remove(); 大多数 jQuery 方法都是像上面这样被调用的,这些方法都位于 $.fn 命名空间内,这些方法称为 jQuery 对象方法. 但是也有一些方法不需要依赖于选择器的结果集,这些方法位于 jQuery 命名空间内,这些方法称为 jQuery 核心方法.如果觉得不好理解,记住下面两条即可: 所有 jQuery 选择器的方法都位于 $.fn 命名空间内. $ 内的方法一般都是一些实用的功能性方法,这些方法不依赖选择器,这些方法

jQuery杂项方法

前面的话 杂项方法其实也是工具类方法,但由于其不是定义在jQuery构造函数上的方法,所以不能称为工具方法.本文将详细介绍jQuery中的杂项方法 数据操作 [data()] 该方法用于在匹配元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值 data( key, value ) data( obj ) data( key ) data() $("body").data("foo", 52); $("body").d

jQuery 事件方法大全-超全的总结

jquery常用的事件: /* on off hover blur change click dblclick focus keydown keyup keypress mousedown resize scroll select submit */ 元素事件列表说明: 注:不带参数的函数,其参数为可选的 fn.jQuery不支持form元素的reset事件. 事件 描述 支持元素或对象 blur( ) 元素失去焦点 a, input, textarea, button, select, lab