jQuery初学:find()方法及children方法的区别分析


Posted in Javascript onJanuary 31, 2011

首先看看英文解释吧:
children方法:
jQuery初学:find()方法及children方法的区别分析
find方法:
jQuery初学:find()方法及children方法的区别分析
通过以上的解释,可以总结如下:
1:children及find方法都用是用来获得element的子elements的,两者都不会返回 text node,就像大多数的jQuery方法一样。
2:children方法获得的仅仅是元素一下级的子元素,即:immediate children。
3:find方法获得所有下级元素,即:descendants of these elements in the DOM tree
4:children方法的参数selector 是可选的(optionally),用来过滤子元素,但find方法的参数selector方法是必选的。
5:find方法事实上可以通过使用 jQuery( selector, context )来实现:英语如是说:Selector context is implemented with the .find() method; therefore, $('li.item-ii').find('li') is equivalent to $('li', 'li.item-ii').

例如,有以下html元素:
jQuery初学:find()方法及children方法的区别分析
使用:$('ul.level-2').children().css('border', '1px solid green'); 的效果是:
jQuery初学:find()方法及children方法的区别分析
使用 $('ul.level-2').find('li').css('border', '1px solid green'); 的效果是:
jQuery初学:find()方法及children方法的区别分析

Javascript 相关文章推荐
JScript中的"this"关键字使用方式补充材料
Mar 08 Javascript
javascript删除字符串最后一个字符
Jan 14 Javascript
javascript进行数组追加方法小结
Jun 16 Javascript
jQuery html()方法使用不了无法显示内容的问题
Aug 06 Javascript
学习Node.js模块机制
Oct 17 Javascript
JavaScript实现瀑布流以及加载效果
Feb 11 Javascript
Bootstrap缩略图的创建方法
Mar 22 Javascript
微信小程序利用canvas 绘制幸运大转盘功能
Jul 06 Javascript
原生JS实现简单的倒计时功能示例
Aug 30 Javascript
使用JS获取页面上的所有标签
Oct 18 Javascript
windows实现npm和cnpm安装步骤
Oct 24 Javascript
vue.js封装switch开关组件的操作
Oct 26 Javascript
javascript event 事件解析
Jan 31 #Javascript
javascript getElementsByTagName
Jan 31 #Javascript
js对象数组按属性快速排序
Jan 31 #Javascript
javascript 节点排序 2
Jan 31 #Javascript
js自定义事件代码说明
Jan 31 #Javascript
jQuery帮助之筛选查找 children([expr])
Jan 31 #Javascript
jQuery find和children方法使用
Jan 31 #Javascript
You might like
discuz论坛 用户登录 后台程序代码
2008/11/27 PHP
浅析php与数据库代码开发规范
2013/08/08 PHP
php增删改查示例自己写的demo
2013/09/04 PHP
PHP扩展模块Pecl、Pear以及Perl的区别
2014/04/09 PHP
PHP使用redis实现统计缓存mysql压力的方法
2015/11/14 PHP
反射调用private方法实践(php、java)
2015/12/21 PHP
PHP缓存工具XCache安装与使用方法详解
2018/04/09 PHP
php和redis实现秒杀活动的流程
2019/07/17 PHP
JS 判断代码全收集
2009/04/28 Javascript
一些常用的JS功能函数(2009-06-04更新)
2009/06/04 Javascript
关于JavaScript中var声明变量作用域的推断
2010/12/16 Javascript
javascript改变position值实现菜单滚动至顶部后固定
2013/01/18 Javascript
复制js对象方法(详解)
2013/07/08 Javascript
JavaScript获取当前网页标题(title)的方法
2015/04/03 Javascript
第一次接触Bootstrap框架
2016/10/24 Javascript
Node连接mysql数据库方法介绍
2017/02/07 Javascript
关于js中的鼠标事件总结
2017/07/11 Javascript
浅谈react-router HashRouter和BrowserRouter的使用
2017/12/29 Javascript
js计算最大公约数和最小公倍数代码实例
2019/09/11 Javascript
Object.keys() 和 Object.getOwnPropertyNames() 的区别详解
2020/05/21 Javascript
Vue使用鼠标在Canvas上绘制矩形
2020/12/24 Vue.js
Python中处理时间的几种方法小结
2015/04/09 Python
深入讲解Python中面向对象编程的相关知识
2015/05/25 Python
Python中的深拷贝和浅拷贝详解
2015/06/03 Python
pandas获取groupby分组里最大值所在的行方法
2018/04/20 Python
python 在指定范围内随机生成不重复的n个数实例
2019/01/28 Python
实例讲解Python3中abs()函数
2019/02/19 Python
Python自定义函数计算给定日期是该年第几天的方法示例
2019/05/30 Python
你还在@微信官方?聊聊Python生成你想要的微信头像
2019/09/25 Python
python实现简单猜单词游戏
2020/12/24 Python
美国婚礼和派对礼品网站:Kate Aspen(新娘送礼会、迎婴派对)
2018/03/28 全球购物
加拿大时尚潮流大码女装购物网站:Addition Elle
2018/04/02 全球购物
会计实习期自我鉴定
2013/10/06 职场文书
《姥姥的剪纸》教学反思
2014/02/25 职场文书
大学迎新标语
2014/06/26 职场文书
Win10本地连接不见了怎么恢复? win10系统电脑本地连接不见了解决方法
2023/01/09 数码科技