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 相关文章推荐
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
Apr 27 Javascript
浅析js中2个等号与3个等号的区别
Aug 06 Javascript
jquery和javascript中如何将一元素的内容赋给另一元素
Jan 09 Javascript
基于jquery实现的文字向上跑动类似跑马灯的效果
Jun 17 Javascript
javascript 数组的正态分布排序的问题
Jul 31 Javascript
最全面的JS倒计时代码
Sep 17 Javascript
最实用的jQuery分页插件
Oct 09 Javascript
实现图片首尾平滑轮播(JS原生方法—节流)
Oct 17 Javascript
Vue Cli 3项目使用融云IM实现聊天功能的方法
Apr 19 Javascript
uni-app之APP和小程序微信授权方法
May 09 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
Jun 04 Javascript
Jquery ajax书写方法代码实例解析
Jun 12 jQuery
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 CURL模拟登录新浪微博抓取页面内容 基于EaglePHP框架开发
2012/01/16 PHP
php验证session无效的解决方法
2014/11/04 PHP
thinkphp常见路径用法分析
2014/12/02 PHP
遨游,飞飞,IE,空中网 浏览器无提示关闭方法
2011/07/11 Javascript
原生javascript获取元素样式
2014/12/31 Javascript
浅谈jQuery.easyui的datebox格式化时间
2015/06/25 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
2016/04/21 Javascript
jQuery简单注册和禁用全局事件的方法
2016/07/25 Javascript
vue日期组件 支持vue1.0和2.0
2017/01/09 Javascript
轻松理解JavaScript之AJAX
2017/03/15 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
2017/04/13 Javascript
微信小程序 共用变量值的实现
2017/07/12 Javascript
探讨Vue.js的组件和模板
2017/10/27 Javascript
JavaScript伪数组用法实例分析
2017/12/22 Javascript
cropper js基于vue的图片裁剪上传功能的实现代码
2018/03/01 Javascript
jQuery实现导航样式布局操作示例【可自定义样式布局】
2018/07/24 jQuery
详解ES6 Fetch API HTTP请求实用指南
2018/11/14 Javascript
微信小程序身份证验证方法实现详解
2019/06/28 Javascript
[00:36]TI7不朽珍藏III——斯温不朽展示
2017/07/15 DOTA
python中xrange和range的区别
2014/05/13 Python
Python获取网页上图片下载地址的方法
2015/03/11 Python
Python列表生成式与生成器操作示例
2018/08/01 Python
python3实现网络爬虫之BeautifulSoup使用详解
2018/12/19 Python
浅谈pytorch grad_fn以及权重梯度不更新的问题
2019/08/20 Python
Python Scrapy框架第一个入门程序示例
2020/02/05 Python
python em算法的实现
2020/10/03 Python
使用Python封装excel操作指南
2021/01/29 Python
CSS3的resize属性使用初探
2015/09/27 HTML / CSS
CSS3 transition 实现通知消息轮播条
2020/10/14 HTML / CSS
基于MUI框架使用HTML5实现的二维码扫描功能
2018/03/01 HTML / CSS
护理学毕业生求职信
2013/11/14 职场文书
年终考核评语
2014/01/19 职场文书
项目建议书格式
2014/03/12 职场文书
群众路线教育实践活动总结
2014/10/30 职场文书
个人借款协议书范本
2014/11/17 职场文书
2019运动会广播加油稿汇总
2019/08/21 职场文书