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延时加载之defer测试
Dec 28 Javascript
Jquery插件分享之气泡形提示控件grumble.js
May 20 Javascript
jQuery插件ajaxFileUpload实现异步上传文件效果
Apr 14 Javascript
详解JS正则replace的使用方法
Mar 06 Javascript
使用jQuery给input标签设置默认值
Jun 20 Javascript
AngularJS 所有版本下载地址
Sep 14 Javascript
Angularjs 实现分页功能及示例代码
Sep 14 Javascript
BootStrap selectpicker后台动态绑定数据的方法
Jul 28 Javascript
Vue2.0学习之详解Vue 组件及父子组件通信
Dec 12 Javascript
微信小程序数字滚动插件使用详解
Feb 02 Javascript
Vue实现点击后文字变色切换方法
Feb 11 Javascript
浅谈vue.use()方法从源码到使用
May 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
php定时计划任务与fsockopen持续进程实例
2014/05/23 PHP
PHP将MySQL的查询结果转换为数组并用where拼接的示例
2016/05/13 PHP
php使用函数pathinfo()、parse_url()和basename()解析URL
2016/11/25 PHP
PHP基于socket实现的简单客户端和服务端通讯功能示例
2017/07/10 PHP
jquery isEmptyObject判断是否为空对象的函数
2011/02/14 Javascript
javascript字母大小写转换的4个函数详解
2014/05/09 Javascript
javascript下拉框选项单击事件的例子分享
2015/03/04 Javascript
在bootstrap中实现轮播图实例代码
2017/06/11 Javascript
angularjs 页面自适应高度的方法
2018/01/17 Javascript
vue中element组件样式修改无效的解决方法
2018/02/03 Javascript
Javascript实现购物车功能的详细代码
2018/05/08 Javascript
JavaScript实现京东购物放大镜和选项卡效果的方法分析
2018/07/05 Javascript
Electron autoUpdater实现Windows安装包自动更新的方法
2018/12/24 Javascript
微信小程序class封装http代码实例
2019/08/24 Javascript
layui点击弹框页面 表单请求的方法
2019/09/21 Javascript
python与sqlite3实现解密chrome cookie实例代码
2018/01/20 Python
解决安装python3.7.4报错Can''t connect to HTTPS URL because the SSL module is not available
2019/07/31 Python
Django框架 查询Extra功能实现解析
2019/09/04 Python
Python Numpy,mask图像的生成详解
2020/02/19 Python
python3中的logging记录日志实现过程及封装成类的操作
2020/05/12 Python
python判断正负数方式
2020/06/03 Python
python不同系统中打开方法
2020/06/23 Python
你可能不熟练的十个前端HTML5经典面试题
2018/07/03 HTML / CSS
html5 Canvas实现图片旋转的示例
2018/01/15 HTML / CSS
美国山地自行车、露营、户外装备和服装购物网站:Aventuron
2018/05/05 全球购物
波兰最大的度假胜地和城市公寓租赁运营商:Sun & Snow
2018/10/18 全球购物
Pretty Green美国:英式摇滚服饰风格代表品牌之一
2019/01/23 全球购物
Myprotein西班牙官网:欧洲第一大运动营养品牌
2020/02/24 全球购物
英国自行车商店:AW Cycles
2021/02/24 全球购物
介绍一下Java的安全机制
2012/06/28 面试题
什么是Oracle的后台进程background processes?都有哪些后台进程?
2012/04/26 面试题
一年级班主任寄语
2014/01/19 职场文书
大学迎新晚会主持词
2014/03/24 职场文书
会议简报格式范文
2015/07/20 职场文书
mysql中数据库覆盖导入的几种方式总结
2022/03/25 MySQL
详解SQL报错盲注
2022/07/23 SQL Server