`
747017186
  • 浏览: 334075 次
社区版块
存档分类
最新评论

jquery 中filter和find的区别 (转)

 
阅读更多

jquery 中filter和find的区别

 (2011-09-26 14:08:33)
标签: 

杂谈

 
.filter(selector) 此方法用于在匹配元素中按照选择器表达式进行筛选。 记住:使用此方法必须得传入选择器表达式参数,不然会报错“’nodeType’ 为空或不是对象” 另外请注意这个filter方法和jquery中的find方法的区别: filter方法是对匹配元素进行筛选,而find方法是对匹配元素的后代元素进行筛选。
例子:
<body>
<div class="main">
 <P class="p1">这是第一段</P>
 <P class="p2">这是第二段</P>
 
</div>
</body>
--------------------------
find用法:
<script type="text/javascript">
 $(document).ready(function(){
  //alert($(".main").filter(":not(:has(.p1)").text());
  var text=$(".main").find(".p1").text();
  alert(text);
  
 });
</script>
 
-----------
filter的用法:
<script type="text/javascript">
 $(document).ready(function(){
  //alert($(".main").filter(":not(:has(.p1)").text());
  var text=$("p").filter(".p1").text();
  alert(text);
  
 });
</script>
分享到:
评论

相关推荐

    jQuery中filter()和find()的区别深入了解

    一直不是很清楚filter()方法和find()方法的区别,看jQuery Cookbook一书后,终于算是搞清楚了,下面将新的与大家分享下

    jQuery中each()、find()和filter()等节点操作方法详解(推荐)

    在本文中,我们将详细介绍jQuery中的三个非常重要的节点操作方法:each()、find()和filter()。 首先,让我们来探讨jQuery的each()方法。这个方法用于遍历jQuery对象集合,对每一个匹配的元素执行一个函数。each()...

    Jquery find与filter函数区别 说明

    在jQuery中,`find` 和 `filter` 是两个非常常用的选择器方法,它们用于帮助开发者更精确地定位DOM树中的元素。下面将详细介绍这两个方法的功能、用法以及它们之间的区别。 #### 1. `find()` 方法 `find()` 方法...

    jQuery 1.4.1 中文参考

    - `get()`和`get(index)`:获取jQuery对象中对应索引的DOM元素,无参数时返回所有元素的数组。 - `index([subject])`:返回元素在兄弟元素中的相对位置,或相对于指定元素的位置。 **数据缓存** - `data([name])`...

    jquery文本,以文本格式保存的jquery文件

    `.filter()`, `.not()`, `.first()`, `.last()`, `.eq(index)`, `.find(selector)`等方法用于筛选和查找特定的元素。这在处理复杂DOM结构时非常有用。 总的来说,这个压缩包提供的jQuery文本资料涵盖了从基础到进阶...

    jquery操作asp.net中GridView方法

    How to filter GridView records using jQuery How to search through GridView records using jQuery GET ASP.NET GridView Cell value using jQuery Find control inside Asp.net GridView using jQuery Get ...

    jqueryAPI jquery中文api jquery1.4

    `children()` 和 `find()` 用于查找子元素,`parent()` 和 `parents()` 查找父元素。`next()` 和 `prev()` 获取相邻元素,`siblings()` 获取同级元素。`filter()` 和 `not()` 方法用于筛选元素集合。 八、插件扩展...

    jquery1.8 API中文文档

    6. **遍历和过滤(Traversing and Filtering)**:`find()`, `next()`, `prev()`, `children()`, `parent()`等方法帮助我们导航DOM结构,而`first()`, `last()`, `filter()`, `not()`等则用于筛选元素集合。...

    jQuery中的事件和动画

    在jQuery库中,事件和动画是两个非常关键的特性,它们极大地简化了JavaScript代码,使得网页交互更加丰富和用户友好。下面将详细讲解如何利用jQuery实现描述中的功能以及相关的知识点。 1. 表单验证 在jQuery中,...

    jquery中filter方法用法实例分析

    同时,我们将对比 filter 方法与 find 方法的区别,以帮助大家更好地理解和运用这两个方法。 首先,filter 方法的基本用法是这样的: ```javascript $(selector).filter(filterExpression); ``` 在这里,`...

    jQuery3.2.1API中文手册

    - **遍历与筛选**: `.each()`, `.filter()`, `.find()`, `.siblings()`, `.closest()`等遍历和查找元素。 - **内容操作**: `.html()`, `.text()`, `.append()`, `.prepend()`等处理元素内容。 - **尺寸与位置**: `....

    jQuery1.7.1_API中文手册

    本手册旨在对jQuery1.7.1的API进行深入解读,帮助开发者更好地理解和应用这一工具。 #### 二、获取jQuery对象:构建核心 ##### 1. $() 方法:一切的起点 - **参数类型**:`$()`方法接受多种类型的参数,包括...

    JQuery新版中文手册

    JQuery开发手册 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc]) jQuery(callback) jQuery.holdReady(hold)1.6+ jQuery 对象访问 each(callback) size() length selector context get...

    jQuery基础知识filter()和find()实例说明

    本文将重点介绍jQuery中的两种常用方法——filter()和find(),并通过实例来展示它们各自的应用场景及区别,帮助初学者正确理解和使用这两种方法。 首先,我们要明确jQuery对象是一个封装了DOM元素的数组对象,而...

    jQuery里filter()函数与find()函数用法分析

    在jQuery的使用过程中,filter()和find()常常根据不同的需求场景被混合使用,以实现复杂的DOM操作。了解它们的不同用法对于编写高效的jQuery代码至关重要。在实际开发中,开发者需要根据具体的情况和需求来决定使用...

    jQuery经典例子大全

    通过学习和实践这些jQuery经典例子,你可以深入理解其工作原理,熟练掌握网页动态交互的技巧,从而在实际项目中游刃有余。这些示例不仅适用于初学者,也是经验丰富的开发者巩固和提升jQuery技能的宝贵资源。

    jQuery核心源码中文注释解读

    jQuery还提供了一些宏(macros)功能,比如`filter`、`attr`和`each`,这些主要用于`jQuery.init()`,帮助初始化jQuery对象。 ```javascript jQuery.macros = { filter: [...], attr: {...}, each: {...}, // ....

    jquery实现select带模糊搜索下拉选择框

    在项目中,你需要引入 `jQuery` 库以及自定义的 CSS 和 JavaScript 文件。假设我们有以下文件结构: ``` - project_folder - css - custom.css - js - custom.js - index.html ``` 在 `index.html` 中,你...

Global site tag (gtag.js) - Google Analytics