jquery filter()方法

jquery中filter() 方法允许您规定一个过滤规则,不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

一、filter()语法


$(selector).filter(criteria,function(index))

参数 描述
criteria 可选。规定要从被选元素组合中返回的选择器表达式、jQuery 对象、一个或多个元素。

提示:如需规定多个条件,请使用逗号分隔。

function(index) 可选。为集合中的每个元素规定要运行的函数。如果返回 true,则保留元素,否则元素将被移除。

  • index - 集合中元素的 index 位置。

注意: this 是当前的 DOM 元素。

二、jquery中filter()实例

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
  <li>list item 6</li>
</ul>

<script>
$(‘li‘).filter(‘:even‘).css(‘background-color‘, ‘red‘);
</script>

参考资料: jquery filter方法    http://www.studyofnet.com/news/951.html

时间: 2024-08-07 04:52:25

jquery filter()方法的相关文章

Jquery filter()方法简介

利用filter函数可以从wrapper set中过滤符合条件的dom元素. 如下图html代码,假如我们要获取类名为filter的<a>标签,用filter方法可以很轻松的获得. <a href="#" class="filter">link</a> <a href="#" class="filter">link</a> <a href="#&quo

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构造函数上的方法,所以不能称为工具方法.本文将详细介绍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

jquery .filter()过滤器

述: 筛选元素集合中匹配表达式 或 通过传递函数测试的 那些元素集合. .filter( selector ) selector 类型: Selector 一个用于匹配元素的选择器字符串. .filter( function(index) ) function(index) 类型: Function() 一个函数用作测试集合中的每个元素.this 是当前DOM元素. .filter( element ) element 类型: Element 一个或多个DOM元素来匹配当前元素集合. .filt