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 相关文章推荐
火狐浏览器(firefox)下获得Event对象以及keyCode
Nov 13 Javascript
一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
May 21 Javascript
js异常捕获方法介绍
Apr 10 Javascript
Bootstrap轮播插件中图片变形的终极解决方案 使用jqthumb.js
Jul 10 Javascript
js绘制购物车抛物线动画
Nov 18 Javascript
javascript中的隐式调用
Feb 10 Javascript
Swiper 4.x 使用方法(移动端网站的内容触摸滑动)
May 17 Javascript
ng-zorro-antd 入门初体验
Dec 03 Javascript
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
Apr 11 Javascript
js实现弹出框的拖拽效果实例代码详解
Apr 16 Javascript
node.js开发辅助工具nodemon安装与配置详解
Feb 06 Javascript
vue项目实现分页效果
Mar 24 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下操作Linux消息队列完成进程间通信的方法
2010/07/24 PHP
编译php 5.2.14+fpm+memcached(具体操作详解)
2013/06/18 PHP
单点登录 Ucenter示例分析
2013/10/29 PHP
JavaScript创建命名空间的5种写法
2014/06/24 PHP
PHP导入导出Excel代码
2015/07/07 PHP
用倒置滤镜把div倒置,再把table倒置。
2007/07/31 Javascript
DOM节点的替换或修改函数replaceChild()用法实例
2015/01/12 Javascript
jquery 抽奖小程序实现代码
2016/10/12 Javascript
在vue中获取dom元素内容的方法
2017/07/10 Javascript
详解用函数式编程对JavaScript进行断舍离
2017/09/18 Javascript
实例分析编写vue组件方法
2019/02/12 Javascript
layUI实现三级导航菜单效果
2019/07/26 Javascript
[00:32]DOTA2上海特级锦标赛 Ehome战队宣传片
2016/03/03 DOTA
Python实现的朴素贝叶斯分类器示例
2018/01/06 Python
如何使用Python实现斐波那契数列
2019/07/02 Python
tensorflow 限制显存大小的实现
2020/02/03 Python
css3 transform及原生js实现鼠标拖动3D立方体旋转
2016/06/20 HTML / CSS
切尔西足球俱乐部官方网上商店:Chelsea FC
2019/06/17 全球购物
澳大利亚100%丝绸多彩度假装商店:TheSwankStore
2019/09/04 全球购物
香港家用健身器材、运动器材及健康美容仪器专门店:FitBoxx
2019/12/05 全球购物
战友聚会邀请函
2014/01/18 职场文书
物理教学随笔感言
2014/02/22 职场文书
乡镇三项教育实施方案
2014/03/30 职场文书
英文求职信范文
2014/05/23 职场文书
小学爱国卫生月活动总结
2014/06/30 职场文书
群众路线教育实践活动个人对照检查材料
2014/09/22 职场文书
党的群众路线教育实践活动整改落实情况报告
2014/10/28 职场文书
学期个人工作总结
2015/02/13 职场文书
建筑工程催款函
2015/06/24 职场文书
运动会加油稿30字
2015/07/21 职场文书
员工考勤管理制度
2015/08/06 职场文书
2016民族团结先进个人事迹材料
2016/02/26 职场文书
导游词之舟山普陀山
2019/11/06 职场文书
Python基础之赋值,浅拷贝,深拷贝的区别
2021/04/30 Python
Python中seaborn库之countplot的数据可视化使用
2021/06/11 Python
Spring boot实现上传文件到本地服务器
2022/08/14 Java/Android