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 相关文章推荐
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
Sep 08 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(四)用地图块拼成大地图
Jan 23 Javascript
jQuery的Ajax的自动完成功能控件简要说明
Feb 22 Javascript
javascript表单验证使用示例(javascript验证邮箱)
Jan 07 Javascript
Seajs的学习笔记
Mar 04 Javascript
详解vue之页面缓存问题(基于2.0)
Jan 10 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
Jan 17 Javascript
js获取当前周、上一周、下一周日期
Mar 19 Javascript
Bootstrap模态框插入视频的实现代码
Jun 25 Javascript
微信小程序 获取javascript 里的数据
Aug 17 Javascript
JavaScript实现删除数组重复元素的5种常用高效算法总结
Jan 18 Javascript
vue.js 使用原生js实现轮播图
Apr 26 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读取文件内容的几种方法详解
2013/06/26 PHP
php强制文件下载而非在浏览器打开的自定义函数分享
2014/05/08 PHP
ThinkPHP模板范围判断输出In标签与Range标签用法详解
2014/06/30 PHP
关于PHP开发的9条建议
2015/07/27 PHP
PHP文件及文件夹操作之创建、删除、移动、复制
2016/07/13 PHP
thinkphp下MySQL数据库读写分离代码剖析
2017/04/18 PHP
PHP面向对象五大原则之依赖倒置原则(DIP)详解
2018/04/08 PHP
在Laravel中实现使用AJAX动态刷新部分页面
2019/10/15 PHP
深入认识JavaScript中的函数
2007/01/22 Javascript
JavaScript 事件系统
2010/07/22 Javascript
Nodejs Post请求报socket hang up错误的解决办法
2014/09/25 NodeJs
JS实现在页面随时自定义背景颜色的方法
2015/02/27 Javascript
jquery实现滑动特效代码
2015/08/10 Javascript
jQuery实现的AJAX简单弹出层效果代码
2015/11/26 Javascript
vue双向绑定的简单实现
2016/12/22 Javascript
jQuery validata插件实现方法
2017/06/25 jQuery
BootStrap Table实现server分页序号连续显示功能(当前页从上一页的结束序号开始)
2017/09/12 Javascript
[03:00]2018完美盛典_最佳英雄奖
2018/12/17 DOTA
python 判断一个进程是否存在
2009/04/09 Python
Python3中的真除和Floor除法用法分析
2016/03/16 Python
python3利用Dlib19.7实现人脸68个特征点标定
2018/02/26 Python
python实现列表中最大最小值输出的示例
2019/07/09 Python
PyTorch中Tensor的维度变换实现
2019/08/18 Python
python将邻接矩阵输出成图的实现
2019/11/21 Python
OpenCV哈里斯(Harris)角点检测的实现
2020/01/15 Python
利用django model save方法对未更改的字段依然进行了保存
2020/03/28 Python
Python读取二进制文件代码方法解析
2020/06/22 Python
init进程的作用
2012/04/12 面试题
日本语毕业生自荐信
2014/02/01 职场文书
公司授权委托书
2014/04/04 职场文书
早上好问候语大全
2015/11/10 职场文书
哪类餐饮行业,最适合在高校创业?
2019/08/19 职场文书
《弟子规》读后感:知廉耻、明是非、懂荣辱、辨善恶
2019/12/03 职场文书
JavaScript实现班级抽签小程序
2021/05/19 Javascript
Go语言实现Snowflake雪花算法
2021/06/08 Golang
Pyhton爬虫知识之正则表达式详解
2022/04/01 Python