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

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

2016-05-16 18:23:32原创

首先我们看.find()方法：
现在有一个页面，里面HTML代码为;

复制代码代码如下:

测试1

测试2

如果我们使用find()方法：
var $find = $("div").find(".rain");
alert( $find.html() ) ;
将会输出：

如果使用filter（）方法：
var $filter = $("div").filter(".rain");
alert( $filter.html() );
将会输出：

也许你已经看出它们的区别了。
find()会在div元素内寻找 class为rain 的元素。
而filter()则是筛选div的class为rain的元素。
一个是对它的子集操作，一个是对自身集合元素筛选。

另外find()其实还可以用选择器表示:
var $select = $("div .rain");

明白他们的区别了吗？

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

专题推荐：filter find 实例说明

上一篇：IE8 chrome中table隔行换色解决办法_javascript技巧下一篇：js实时计算字数提醒的文本框_表单特效

独孤九贱(3)_JavaScript视频教程

javascript是运行在浏览器上的脚本语言，连续多年，被评为全球最受欢迎的编程语言。是前端开发必备三大法器中，最具杀伤力。如果前端开发是降龙十八掌，好么javascript就是第18掌：亢龙有悔。没有它，你的前端生涯是不完整的。《php.cn独孤九贱（3）－JavaScript视频教程》课程特色：php中文网原创幽默段子系列课程，以恶搞，段子为主题风格的php视频教程！轻松的教学风格，简短的教学模式，让同学们在不知不觉中，学会了javascript知识。

独孤九贱(6)_jQuery视频教程

jQuery是一个快速、简洁的JavaScript框架。设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等,是全球最流行的前端开发框架之一。PHP中文网根据最新版本,独家录制jQuery最新视频教程,回馈PHP中文网的新老用户。

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

相关文章推荐

相关课程推荐

独孤九贱(3)_JavaScript视频教程

独孤九贱(6)_jQuery视频教程

传智播客JavaScript面向对象完成贪吃蛇游戏视频教程

jQuery入门基础视频教程

CreateJS基础视频教程

全部评论我要评论

PHP中文网