jQuery中的find()与filter()

这是jQuery里常用的2个方法。他们2者功能是完全不同的。

<div class="css">
     <p class="rain">测试1</p>
</div>
<div class="rain">
     <p>测试2</p>
</div>

如果我们使用find()方法:

var $find = $("div").find(".rain");
alert( $find.html() ) ;

将会输出:  测试1

如果使用filter()方法:

var $filter = $("div").filter(".rain");
alert( $filter.html() );

将会输出:  <p>测试2</p>

find()会在div元素内 寻找 class为rain 的元素。而filter()则是筛选div的class为rain的元素。一个是对它的子集操作,一个是对自身集合元素筛选。

另外find()其实还可以用选择器表示:

var $select = $("div .rain");

时间: 2024-08-29 20:01:44

jQuery中的find()与filter()的相关文章

JQuery中的find、filter和each方法学习

find() 概述 搜索所有与指定表达式匹配的元素.这个函数是找出正在处理的元素的后代元素的好方法. 所有搜索都依靠jQuery表达式来完成.这个表达式可以使用CSS1-3的选择器语法来写. 参数 exprStringV1.0 用于查找的表达式 jQuery object objectV1.6 一个用于匹配元素的jQuery对象 elementDOMElementV1.6 一个DOM元素 示例 描述: 从所有的段落开始,进一步搜索下面的span元素.与$("p span")相同. HT

jquery中filter的用法

一.filter的参数类型可分为两种 1.传递选择器 $('a').filter('.external') 2.传递过滤函数 $('a').filter(function(index) {        return $(this).hasClass('external');    }) 二.Jquery中find与filter区别 1.find()会在div元素内 寻找 class为classname的元素.2.filter()则是筛选div的class为classname的元素.3.基本是f

jquery中filter(fn)的使用研究

jquery中filter(fn)给出的官方说明是: 筛选出与指定函数返回值匹配的元素集合 这个函数内部将对每个对象计算一次 (正如 '$.each'). 如果调用的函数返回false则这个元素被删除,否则就会保留. 这个说明没有问题,可是给出的例子却有问题.例子是 HTML 代码: <p><ol><li>Hello</li></ol></p><p>How are you?</p> jQuery 代码: $(&

JQuery中的事件委托机制:delegate和undelegate

考虑下面这种场景:如果1个div下面有3个button,点击每个按钮的时候,需要打印出当前按钮的ID. <div id="parent"> <input type="button" id="a" value="1"></input> <input type="button" id="b" value="2"></i

jQuery中10个非常有用的遍历函数

使用jQuery,可以 很容易的选择HTML元素.但有些时候,在HTML结构较为复杂时,提炼我们选择的元素就是一件麻烦的事情.在这篇教程中,我们将探讨十种方 法去精炼和扩展我们将要操作的集合. HTML 首先,让我们看看下图所示的简单的页面,通过这个教程我们将选择这些元素. div.container是包裹元素: div.photo.div.title.div.rating是div.container的直接子级: 每个div.star是div.rating的子级: 当div.satr的class

Jquery中parent()和parents()

一.parent()方法 此方法取得匹配元素集合中每个元素的紧邻父元素,也就是第一级父元素,而不是所有的祖先元素.所取得的父元素集合也可以使用表达式进行筛选. 二.parents()方法 此方法取得一个包含着所有匹配元素的父辈元素的元素集合.所取得的父辈元素集合也可以使用表达式进行筛选 如果给定一个表示 DOM 元素集合的 jQuery 对象,.parents() 方法允许我们在 DOM 树中搜索这些元素的祖先元素,并用从最近的父元素向上的顺序排列的匹配元素构造一个新的 jQuery 对象.元素

jQuery之第3章 jQuery中的DOM操作

DOM操作分为3个方面: DOM Core(核心).HTML-DOM 和 CSS-DOM 1.查找节点: 查找元素节点: var $li = $("ul li:eq(1)"); var li_txt = $li.text(); 查找属性节点: var $p = $("p"); var p_title = $p.attr("title"); 注意: attr() 获取指定元素节点属性的值. 2.创建节点: 创建元素节点: var $li = $(&

JQuery中serialize()

一.serialize()定义和用法: serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表单元素集合的jQuery 对象.你可以选择一个或多个表单元素(比如input或文本框),或者 form 元素本身.序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中. 语法: $(selector).serialize() 详细说明 1..serialize() 方法创建以标准 URL 编码表示的文本字符串.它的操作对象是代表表单元素集合的 jQue

jquery中的is和is(&quot;:hidden&quot;) 【转载】

书到用时方恨少,的确是这样的,很久都在用jquery了,只是用的时候不是很多,一般用的也就那么几个属性和事件.用的时候需要什么也是在网上找.以后 还是多看看手册,多几点东西...这样用起来的时候就没有这么痛苦了.今天用了is 和hidden,给大家分享下,顺便自己也加深下印象. 以下内容来自手册: :hidden 匹配所有的不可见元素,input 元素的 type 属性为 "hidden" 的话也会被匹配到 返回值 Array<Element> 示例 查找所有不可见的 tr