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 相关文章推荐
window.open的功能全解析
Oct 10 Javascript
js压缩利器
Feb 20 Javascript
科讯商业版中用到的ajax空间与分页函数
Sep 02 Javascript
JavaScript this 深入理解
Jul 30 Javascript
基于jQuery试卷自动排版系统
Jul 18 Javascript
js数组操作学习总结
Nov 04 Javascript
java和javascript获取word文档的书签位置对比
Jun 19 Javascript
解释&&和||在javascript中的另类用法
Jul 28 Javascript
JavaScript对Cookie进行读写操作实例
Jul 25 Javascript
浅谈jquery点击label触发2次的问题
Jun 12 Javascript
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
May 28 Javascript
解决vant的Toast组件时提示not defined的问题
Nov 11 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
使用adodb lite解决问题
2006/12/31 PHP
linux下删除7天前日志的代码(php+shell)
2011/01/02 PHP
高质量PHP代码的50个实用技巧必备(下)
2016/01/22 PHP
PHP 将dataurl转成图片image方法总结
2016/10/14 PHP
JQuery与JSon实现的无刷新分页代码
2011/09/13 Javascript
可自己添加html的伪弹出框实现代码
2013/09/08 Javascript
详谈JavaScript内存泄漏
2014/11/14 Javascript
Nodejs中读取中文文件编码问题、发送邮件和定时任务实例
2015/01/01 NodeJs
JavaScript中关联原型链属性特性
2016/02/13 Javascript
jQuery中get方法用法分析
2016/12/07 Javascript
基于javascript 显式转换与隐式转换(详解)
2017/12/15 Javascript
vue项目实现记住密码到cookie功能示例(附源码)
2018/01/31 Javascript
vue使用iframe嵌入网页的示例代码
2020/06/09 Javascript
手把手教你用Node.js爬虫爬取网站数据的方法
2018/07/05 Javascript
nodejs更新package.json中的dependencies依赖到最新版本的方法
2018/10/10 NodeJs
JavaScript中的 new 命令
2019/05/22 Javascript
只有 20 行的 JavaScript 模板引擎实例详解
2020/05/11 Javascript
vue渲染方式render和template的区别
2020/06/05 Javascript
Postman如何实现参数化执行及断言处理
2020/07/28 Javascript
讲解python参数和作用域的使用
2013/11/01 Python
Python使用scrapy采集数据过程中放回下载过大页面的方法
2015/04/08 Python
python 不同方式读取文件速度不同的实例
2018/11/09 Python
python生成以及打开json、csv和txt文件的实例
2018/11/16 Python
CentOS下Python3的安装及创建虚拟环境的方法
2018/11/28 Python
浅析pandas 数据结构中的DataFrame
2019/10/12 Python
Python下划线5种含义代码实例解析
2020/07/10 Python
css3动画 小球滚动 js控制动画暂停
2019/11/29 HTML / CSS
向全球直邮输送天然健康产品:iHerb.com
2020/05/03 全球购物
基层干部十八大感言
2014/01/19 职场文书
元旦活动感言
2014/03/08 职场文书
亚运会口号
2014/06/20 职场文书
2014年团支部工作总结
2014/11/17 职场文书
英文辞职信范文
2015/05/13 职场文书
2019邀请函格式及范文
2019/05/20 职场文书
5道关于python基础 while循环练习题
2021/11/27 Python
《月歌。》宣布制作10周年纪念剧场版《RABBITS KINGDOM THE MOVIE》
2022/04/02 日漫