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 相关文章推荐
YUI 读码日记之 YAHOO.lang.is*
Mar 22 Javascript
下拉菜单点击实现连接跳转功能的js代码
May 19 Javascript
使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
Jun 05 Javascript
24款热门实用的jQuery插件推荐
Dec 24 Javascript
浅谈javascript 归并方法
Jan 21 Javascript
jQuery读取XML文件的方法示例
Feb 03 Javascript
利用require.js与angular搭建spa应用的方法实例
Jul 19 Javascript
vue中Axios的封装与API接口的管理详解
Aug 09 Javascript
Vue弹出菜单功能的实现代码
Sep 12 Javascript
React实现全局组件的Toast轻提示效果
Sep 21 Javascript
微信小程序实现点击图片旋转180度并且弹出下拉列表
Nov 27 Javascript
vue中的面包屑导航组件实例代码
Jul 01 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
世界咖啡生产者论坛呼吁:需要立即就咖啡价格采取认真行动
2021/03/06 咖啡文化
在线竞拍系统的PHP实现框架(一)
2006/10/09 PHP
php轻松实现中英文混排字符串截取
2014/05/28 PHP
PHP中require和include路径问题详解
2014/12/25 PHP
laravel容器延迟加载以及auth扩展详解
2015/03/02 PHP
一个完整的php文件上传类实例讲解
2015/10/27 PHP
PHP哈希表实现算法原理解析
2020/12/11 PHP
javascript setinterval 的正确语法如何书写
2014/06/17 Javascript
jQuery对象的length属性用法实例
2014/12/27 Javascript
JS中如何比较两个Json对象是否相等实例代码
2016/07/13 Javascript
Angular.js中$apply()和$digest()的深入理解
2016/10/13 Javascript
JavaScript中三个等号和两个等号你了解多少
2017/07/04 Javascript
ES6/JavaScript使用技巧分享
2017/12/14 Javascript
微信小程序实现循环动画效果
2018/07/16 Javascript
webgl实现物体描边效果的方法介绍
2019/11/27 Javascript
JS轮播图的实现方法
2020/08/24 Javascript
python sort、sorted高级排序技巧
2014/11/21 Python
python读取json文件并将数据插入到mongodb的方法
2015/03/23 Python
python图书管理系统
2020/04/05 Python
一个简单的python爬虫程序 爬取豆瓣热度Top100以内的电影信息
2018/04/17 Python
Sanic框架配置操作分析
2018/07/17 Python
pytorch 模型的train模式与eval模式实例
2020/02/20 Python
Python GUI编程学习笔记之tkinter中messagebox、filedialog控件用法详解
2020/03/30 Python
python对接ihuyi实现短信验证码发送
2020/05/10 Python
Python通过文本和图片生成词云图
2020/05/21 Python
JD Sports瑞典:英国领先的运动时尚商店
2018/01/28 全球购物
ORACLE十问
2015/04/20 面试题
写自荐信三大法宝
2014/01/24 职场文书
纪念九一八事变演讲稿:牢记九一八,屈辱怎能忘
2014/09/14 职场文书
女生抽烟检讨书
2014/10/05 职场文书
自查自纠整改报告
2014/11/06 职场文书
六年级语文下册教学计划
2015/01/22 职场文书
整改通知书
2015/04/20 职场文书
考生诚信考试承诺书
2015/04/29 职场文书
公务员学习中国梦心得体会
2016/01/05 职场文书
python基础之匿名函数详解
2021/04/21 Python