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 相关文章推荐
详解JavaScript函数绑定
Aug 18 Javascript
JQuery EasyUI 加载两次url的原因分析及解决方案
Aug 18 Javascript
JQuery控制Radio选中方法分析
May 29 Javascript
JS打字效果的动态菜单代码分享
Aug 21 Javascript
学习javascript的闭包,原型,和匿名函数之旅
Oct 18 Javascript
jQuery Ajax 加载数据时异步显示加载动画
Aug 01 Javascript
在线引用最新jquery文件的实现方法
Aug 26 Javascript
JavaScript使用Ajax上传文件的示例代码
Aug 10 Javascript
关于vue.js发布后路径引用的问题解决
Aug 15 Javascript
在Vue中使用icon 字体图标的方法
Jun 14 Javascript
一文看懂如何简单实现节流函数和防抖函数
Sep 05 Javascript
深入了解Vue动态组件和异步组件
Jan 26 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
php操作excel文件 基于phpexcel
2010/07/02 PHP
PHP生成随机用户名和密码的实现代码
2013/02/27 PHP
用JS剩余字数计算的代码
2008/07/03 Javascript
javascript 数组排序函数
2009/08/20 Javascript
js css样式操作代码(批量操作)
2009/10/09 Javascript
jquery+ajax每秒向后台发送请求数据然后返回页面的代码
2011/01/17 Javascript
jQuery登陆判断简单实现代码
2013/04/21 Javascript
JavaScript中的eval()函数使用介绍
2014/12/31 Javascript
jQuery实现tab标签自动切换的方法
2015/02/28 Javascript
JavaScript中iframe实现局部刷新的几种方法汇总
2016/01/06 Javascript
全面解析Javascript无限添加QQ好友原理
2016/06/15 Javascript
jQuery网页定位导航特效实现方法
2016/12/19 Javascript
canvas 弹幕效果(实例分享)
2017/01/11 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
2017/06/16 Javascript
详解webpack + vue + node 打造单页面(入门篇)
2017/09/23 Javascript
VUE2.0中Jsonp的使用方法
2018/05/22 Javascript
简单了解前端渐进式框架VUE
2020/07/20 Javascript
vue 需求 data中的数据之间的调用操作
2020/08/05 Javascript
[01:11]辉夜杯战队访谈宣传片—CDEC.Y
2015/12/26 DOTA
python zip文件 压缩
2008/12/24 Python
python按照多个字符对字符串进行分割的方法
2015/03/17 Python
Python中用于返回绝对值的abs()方法
2015/05/14 Python
Python进程间通信用法实例
2015/06/04 Python
浅谈python中scipy.misc.logsumexp函数的运用场景
2016/06/23 Python
pandas进行时间数据的转换和计算时间差并提取年月日
2019/07/06 Python
Python实现元素等待代码实例
2019/11/11 Python
买卖正宗运动鞋:GOAT
2019/12/06 全球购物
南京某公司笔试题
2013/01/27 面试题
司机的工作范围及职责
2013/11/13 职场文书
优秀小学生家长评语
2014/01/30 职场文书
文艺晚会主持词
2014/03/24 职场文书
我的画教学反思
2014/04/28 职场文书
面试自我介绍演讲稿
2014/04/29 职场文书
巾帼文明岗申报材料
2014/05/01 职场文书
党员评议思想汇报
2014/10/08 职场文书
iPhone13 Pro外观确定,升级4800万镜头,4月20日发新品
2021/04/15 数码科技