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 相关文章推荐
索趣科技的答案
Feb 07 Javascript
用js实现下载远程文件并保存在本地的脚本
May 06 Javascript
你必须知道的Javascript知识点之"单线程事件驱动"的使用
Apr 23 Javascript
wap图片滚动特效无css3元素纯js脚本编写
Aug 22 Javascript
基于replaceChild制作简单的吞噬特效
Sep 21 Javascript
vuejs动态组件给子组件传递数据的方法详解
Sep 09 Javascript
手把手搭建安装基于windows的Vue.js运行环境
Jun 12 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
Oct 19 Javascript
vue 挂载路由到头部导航的方法
Nov 13 Javascript
seajs下require书写约定实例分析
May 16 Javascript
vue使用prop可以渲染但是打印台报错的解决方式
Nov 13 Javascript
Vue+Spring Boot简单用户登录(附Demo)
Nov 12 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/09/03 PHP
使用 MySQL Date/Time 类型
2008/03/26 PHP
php实现查询功能(数据访问)
2017/05/23 PHP
详解强大的jQuery选择器之基本选择器、层次选择器
2012/02/07 Javascript
jQuery $.get 的妙用 访问本地文本文件
2012/07/12 Javascript
jquery load事件(callback/data)使用方法及注意事项
2013/02/06 Javascript
jquery click([data],fn)使用方法实例介绍
2013/07/08 Javascript
鼠标悬浮停留三秒后自动显示大图js代码
2014/09/09 Javascript
jquery实现鼠标滑过小图时显示大图的方法
2015/01/14 Javascript
JavaScript实现可拖拽的拖动层Div实例
2015/08/05 Javascript
JavaScript位置与大小(1)之正确理解和运用与尺寸大小相关的DOM属性
2015/12/26 Javascript
js判断节假日实例代码
2017/12/27 Javascript
Angular2进阶之如何避免Dom误区
2018/04/02 Javascript
Javascript之高级数组API的使用实例
2019/03/08 Javascript
js控制随机数生成概率代码实例
2019/03/21 Javascript
详解vue-cli中使用rem,vue自适应
2019/05/06 Javascript
angular多语言配置详解
2019/05/16 Javascript
Openlayers绘制聚合标注
2020/09/28 Javascript
[05:16]《大圣!大圣》——DOTA2新英雄齐天大圣配音李世宏老师专访
2016/12/13 DOTA
编写Python脚本抓取网络小说来制作自己的阅读器
2015/08/20 Python
使用pandas将numpy中的数组数据保存到csv文件的方法
2018/06/14 Python
python用插值法绘制平滑曲线
2021/02/19 Python
对Python多线程读写文件加锁的实例详解
2019/01/14 Python
python判断文件夹内是否存在指定后缀文件的实例
2019/06/10 Python
pyqt5 tablewidget 利用线程动态刷新数据的方法
2019/06/17 Python
解决python DataFrame 打印结果不换行问题
2020/04/09 Python
Fossil德国官网:化石手表、手袋、珠宝及配件
2019/12/07 全球购物
美国最大的烧烤架和户外生活用品专业零售商:Barbeques Galore
2021/01/09 全球购物
教师找工作推荐信
2013/11/23 职场文书
英语教师求职信
2014/06/16 职场文书
2014年“世界无车日”活动方案
2014/09/21 职场文书
领导干部作风建设工作总结
2014/10/23 职场文书
加强作风建设演讲稿
2014/10/24 职场文书
2016年11月份红领巾广播稿
2015/12/21 职场文书
《当代神农氏》教学反思
2016/02/23 职场文书
MySQL注入基础练习
2021/05/30 MySQL