.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>
转载
相关推荐
一直不是很清楚filter()方法和find()方法的区别，看jQuery Cookbook一书后，终于算是搞清楚了，下面将新的与大家分享下
在本文中，我们将详细介绍jQuery中的三个非常重要的节点操作方法：each()、find()和filter()。 首先，让我们来探讨jQuery的each()方法。这个方法用于遍历jQuery对象集合，对每一个匹配的元素执行一个函数。each()...
在jQuery中，`find` 和 `filter` 是两个非常常用的选择器方法，它们用于帮助开发者更精确地定位DOM树中的元素。下面将详细介绍这两个方法的功能、用法以及它们之间的区别。 #### 1. `find()` 方法 `find()` 方法...
- `get()`和`get(index)`：获取jQuery对象中对应索引的DOM元素，无参数时返回所有元素的数组。 - `index([subject])`：返回元素在兄弟元素中的相对位置，或相对于指定元素的位置。 **数据缓存** - `data([name])`...
`.filter()`, `.not()`, `.first()`, `.last()`, `.eq(index)`, `.find(selector)`等方法用于筛选和查找特定的元素。这在处理复杂DOM结构时非常有用。 总的来说，这个压缩包提供的jQuery文本资料涵盖了从基础到进阶...
`children()` 和 `find()` 用于查找子元素，`parent()` 和 `parents()` 查找父元素。`next()` 和 `prev()` 获取相邻元素，`siblings()` 获取同级元素。`filter()` 和 `not()` 方法用于筛选元素集合。 八、插件扩展...
6. **遍历和过滤（Traversing and Filtering）**：`find()`, `next()`, `prev()`, `children()`, `parent()`等方法帮助我们导航DOM结构，而`first()`, `last()`, `filter()`, `not()`等则用于筛选元素集合。...
在jQuery库中，事件和动画是两个非常关键的特性，它们极大地简化了JavaScript代码，使得网页交互更加丰富和用户友好。下面将详细讲解如何利用jQuery实现描述中的功能以及相关的知识点。 1. 表单验证 在jQuery中，...
同时，我们将对比 filter 方法与 find 方法的区别，以帮助大家更好地理解和运用这两个方法。 首先，filter 方法的基本用法是这样的： ```javascript $(selector).filter(filterExpression); ``` 在这里，`...
- **遍历与筛选**: `.each()`, `.filter()`, `.find()`, `.siblings()`, `.closest()`等遍历和查找元素。 - **内容操作**: `.html()`, `.text()`, `.append()`, `.prepend()`等处理元素内容。 - **尺寸与位置**: `....
本手册旨在对jQuery1.7.1的API进行深入解读，帮助开发者更好地理解和应用这一工具。 #### 二、获取jQuery对象：构建核心 ##### 1. $() 方法：一切的起点 - **参数类型**：`$()`方法接受多种类型的参数，包括...
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对象是一个封装了DOM元素的数组对象，而...
在jQuery的使用过程中，filter()和find()常常根据不同的需求场景被混合使用，以实现复杂的DOM操作。了解它们的不同用法对于编写高效的jQuery代码至关重要。在实际开发中，开发者需要根据具体的情况和需求来决定使用...
通过学习和实践这些jQuery经典例子，你可以深入理解其工作原理，熟练掌握网页动态交互的技巧，从而在实际项目中游刃有余。这些示例不仅适用于初学者，也是经验丰富的开发者巩固和提升jQuery技能的宝贵资源。
jQuery还提供了一些宏（macros）功能，比如`filter`、`attr`和`each`，这些主要用于`jQuery.init()`，帮助初始化jQuery对象。 ```javascript jQuery.macros = { filter: [...], attr: {...}, each: {...}, // ....
在项目中，你需要引入 `jQuery` 库以及自定义的 CSS 和 JavaScript 文件。假设我们有以下文件结构： ``` - project_folder - css - custom.css - js - custom.js - index.html ``` 在 `index.html` 中，你...
在网页设计中，为了提升用户体验和视觉效果，我们经常需要对表格或者列表数据进行隔行换色处理，同时实现鼠标经过时的样式变化。jQuery，一个广泛使用的JavaScript库，提供了便利的方法来实现这些功能。本篇文章将...