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 相关文章推荐
js文件中调用js的实现方法小结
Oct 23 Javascript
javascript下判断一个元素是否存在的代码
Mar 05 Javascript
父元素与子iframe相互获取变量和元素对象的具体实现
Oct 15 Javascript
使用js声明数组,对象在jsp页面中(获得ajax得到json数据)
Nov 05 Javascript
js截取固定长度的中英文字符的简单实例
Nov 22 Javascript
jquery中实现时间戳与日期相互转换
Apr 12 Javascript
jQuery插件formValidator实现表单验证
May 23 Javascript
jQuery实现将div中滚动条滚动到指定位置的方法
Aug 10 Javascript
jQuery flip插件实现的翻牌效果示例【附demo源码下载】
Sep 20 Javascript
基于vue实现swipe分页组件实例
May 25 Javascript
react native 仿微信聊天室实例代码
Sep 17 Javascript
HTML+VUE分页实现炫酷物联网大屏功能
May 27 Vue.js
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
session 的生命周期是多长
2006/10/09 PHP
php UTF8 文件的签名问题
2009/10/30 PHP
php实现的日历程序
2015/06/18 PHP
PHP实现根据密码长度显示安全条
2017/07/04 PHP
javascript使用eval或者new Function进行语法检查
2010/10/16 Javascript
jquery动态加载js三种方法实例
2013/08/03 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
2013/11/28 Javascript
jquery实现上下左右滑动的方法
2015/02/09 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
2015/08/04 Javascript
jQuery实现的图文高亮滚动切换特效实例
2015/08/10 Javascript
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
2016/12/15 Javascript
原生js实现图片放大缩小计时器效果
2017/01/20 Javascript
基于zepto.js实现登录界面
2017/10/09 Javascript
Webpack之tree-starking 解析
2018/09/11 Javascript
解决vue 单文件组件中样式加载问题
2019/04/24 Javascript
Layui选项卡制作历史浏览记录的方法
2019/09/28 Javascript
JavaScript字符和ASCII实现互相转换
2020/06/03 Javascript
[03:57]《不朽》——2015DOTA2国际邀请赛—中国军团出征主题曲MV
2015/07/15 DOTA
[03:01]完美世界DOTA2联赛PWL S2 集锦第二期
2020/12/03 DOTA
Python函数式编程指南(二):从函数开始
2015/06/24 Python
Python检测网络延迟的代码
2018/05/15 Python
对TensorFlow中的variables_to_restore函数详解
2018/07/30 Python
Python PIL读取的图像发生自动旋转的实现方法
2019/07/05 Python
Python切片列表字符串如何实现切换
2020/08/06 Python
python 利用zmail库发送邮件
2020/09/11 Python
Python可以用来做什么
2020/11/23 Python
python中操作文件的模块的方法总结
2021/02/04 Python
New Balance英国官方网站:始于1906年,百年慢跑品牌
2016/12/07 全球购物
Richards网上商店:当代时尚,遍布巴西
2019/11/03 全球购物
物理教师自荐信范文
2013/12/28 职场文书
献爱心活动总结
2014/05/07 职场文书
网上祭先烈心得体会
2014/09/01 职场文书
2014年个人总结范文
2015/03/09 职场文书
2015年八一建军节慰问信
2015/03/23 职场文书
大国崛起日本观后感
2015/06/02 职场文书
SpringBoot使用AOP实现统计全局接口访问次数详解
2022/06/16 Java/Android