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 相关文章推荐
Mootools 1.2教程 设置和获取样式表属性
Sep 15 Javascript
extjs 学习笔记(二) Ext.Element类
Oct 13 Javascript
JQuery与JS里submit()的区别示例介绍
Feb 17 Javascript
Js为表单动态添加节点内容的方法
Feb 10 Javascript
JS中使用变量保存arguments对象的方法
Jun 03 Javascript
AngularJS ng-blur 指令详解及简单实例
Jul 30 Javascript
jquery仿ps颜色拾取功能
Mar 08 Javascript
vue 项目如何引入微信sdk接口的方法
Dec 18 Javascript
Vue.js点击切换按钮改变内容的实例讲解
Aug 22 Javascript
elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)
Sep 04 Javascript
小程序瀑布流组件实现翻页与图片懒加载
May 19 Javascript
vue使用nprogress加载路由进度条的方法
Jun 04 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
在字符串中把网址改成超级链接
2006/10/09 PHP
解析PHP函数array_flip()在重复数组元素删除中的作用
2013/06/27 PHP
php检测url是否存在的方法
2015/04/14 PHP
实例讲解PHP设计模式编程中的简单工厂模式
2016/02/29 PHP
thinkphp3.2中实现phpexcel导出带生成图片示例
2017/02/14 PHP
传智播客学习之JavaScript基础篇
2009/11/13 Javascript
从jQuery.camelCase()学习string.replace() 函数学习
2011/09/13 Javascript
js使用eval解析json(js中使用json)
2014/01/17 Javascript
angularjs实现分页和搜索功能
2018/01/03 Javascript
基于VuePress 轻量级静态网站生成器的实现方法
2018/04/17 Javascript
安装vue-cli的简易过程
2018/05/22 Javascript
深入理解react-router 路由的实现原理
2018/09/26 Javascript
vue-cli 3.x配置跨域代理的实现方法
2019/04/12 Javascript
Smartour 让网页导览变得更简单(推荐)
2019/07/19 Javascript
python多重继承新算法C3介绍
2014/09/28 Python
基于python编写的微博应用
2014/10/17 Python
详解Python中的相对导入和绝对导入
2017/01/06 Python
rabbitmq(中间消息代理)在python中的使用详解
2017/12/14 Python
Python 内置函数进制转换的用法(十进制转二进制、八进制、十六进制)
2018/04/30 Python
python 图像平移和旋转的实例
2019/01/10 Python
分享PyCharm的几个使用技巧
2019/11/10 Python
利用python中集合的唯一性实现去重
2020/02/11 Python
Python3基于print打印带颜色字符串
2020/07/06 Python
聊聊python中的异常嵌套
2020/09/01 Python
基于python实现复制文件并重命名
2020/09/16 Python
利用css3画个同心圆示例代码
2017/07/03 HTML / CSS
美国女性运动零售品牌:Lady Foot Locker
2017/05/12 全球购物
新娘父亲婚礼致辞
2014/01/16 职场文书
职工趣味运动会方案
2014/02/10 职场文书
领导班子个人对照检查剖析材料
2014/09/29 职场文书
优秀工作者事迹材料
2014/12/26 职场文书
2015年医德考评自我评价
2015/03/03 职场文书
死者家属慰问信
2015/03/24 职场文书
一年级语文教学随笔
2015/08/14 职场文书
如何让vue长列表快速加载
2021/03/29 Vue.js
JavaScript数组 几个常用方法总结
2021/11/11 Javascript