Jquery find与filter函数区别 说明
2010-05-13 00:00
465 查看
find()会在div元素内 寻找 class为classname的元素。
filter()则是筛选div的class为classname的元素。
基本是find子元素找,filter是平级找
・find 函数是在当前对象集合的子元素中进行查询;
・filter 函数是对当前对象集合进行过滤, 利用过滤条件缩小范围;
・find 函数的参数是 jQuery 选择器表达式;
・filter 的参数也是选择器表达式, 但可以有多个条件, 用逗号分隔(逻辑或关系);
・filter 的参数也可以是个函数, 调用函数时会自动传入 index 参数, 函数需返回 true或false 以选中或排除元素.
Document
$(function(){
$('#btn1').click(function(){
alert($('div').find('.test').html());
});
$('#btn2').click(function(){
alert($('div').filter('.test').html());
});
$('#btn3').click(function(){
alert($('div').filter('.last').html());
});
$('#btn4').click(function(){
alert($('div').filter('.first,.last').html());
});
});
first contenttest content
lastlast test content
lastlast no test content
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
filter()则是筛选div的class为classname的元素。
基本是find子元素找,filter是平级找
・find 函数是在当前对象集合的子元素中进行查询;
・filter 函数是对当前对象集合进行过滤, 利用过滤条件缩小范围;
・find 函数的参数是 jQuery 选择器表达式;
・filter 的参数也是选择器表达式, 但可以有多个条件, 用逗号分隔(逻辑或关系);
・filter 的参数也可以是个函数, 调用函数时会自动传入 index 参数, 函数需返回 true或false 以选中或排除元素.
Document
$(function(){
$('#btn1').click(function(){
alert($('div').find('.test').html());
});
$('#btn2').click(function(){
alert($('div').filter('.test').html());
});
$('#btn3').click(function(){
alert($('div').filter('.last').html());
});
$('#btn4').click(function(){
alert($('div').filter('.first,.last').html());
});
});
first contenttest content
lastlast test content
lastlast no test content
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- Jquery find与filter函数区别 说明
- Jquery find与filter函数区别 说明
- JavaScript 数据元素集合与数组的区别说明
- ajax中get和post的说明及使用与区别
- 在java程序设计中,vector与hashtable用法的区别,请详细说明。
- 集合类说明及区别
- NIO与传统IO的区别及实例说明
- 一张图说明开源协议的区别
- Java集合类说明及区别
- java集合类说明及区别
- 用线程和不用线程的区别(代码说明)
- (精)字符集GBK和UTF8的区别说明
- 集合类说明及区别(转)
- Ajax提交与传统表单提交的区别说明
- Ajax提交与传统表单提交的区别说明
- ArrayList和LinkedList的区别是什么?举例说明LinkedList可实现的功能。
- 集合类说明及区别
- 调研目前主要的开源网络爬虫,并且说明各自的特点、局限性以及相互之间的区别
- 字符集GBK和UTF8的区别说明