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 相关文章推荐
jQuery chili图片远处放大插件
Nov 30 Javascript
JavaScript与Image加载事件(onload)、加载状态(complete)
Feb 14 Javascript
js面向对象设计用{}好还是function(){}好(构造函数)
Oct 23 Javascript
jQuery图片轮播的具体实现
Sep 11 Javascript
Javascript setInterval的两种调用方法(实例讲解)
Nov 29 Javascript
JS 清除字符串数组中,重复元素的实现方法
May 24 Javascript
JS简单实现表格排序功能示例
Dec 20 Javascript
详解node-ccap模块生成captcha验证码
Jul 01 Javascript
vue组件之Alert的实现代码
Oct 17 Javascript
JS document文档的简单操作完整示例
Jan 13 Javascript
JavaScript实现猜数字游戏
May 20 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
Jul 17 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中检查PHP文件是否有语法错误的方法
2009/12/23 PHP
PHP获取表单textarea数据中的换行问题
2010/09/10 PHP
PHP实现搜索相似图片
2015/09/22 PHP
PHP HTTP 认证实例详解
2016/11/03 PHP
php类自动装载、链式操作、魔术方法实现代码
2017/07/23 PHP
用js实现的页面关键字密度查询代码
2007/12/27 Javascript
javascript 面向对象编程 function也是类
2009/09/17 Javascript
js加入收藏以及使用Jquery更改透明度
2014/01/26 Javascript
jquery制作弹窗提示窗口代码分享
2014/03/02 Javascript
nodejs中转换URL字符串与查询字符串详解
2014/11/26 NodeJs
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
2016/06/24 Javascript
QRCode.js:基于JQuery的生成二维码JS库的使用
2017/06/23 jQuery
React全家桶环境搭建过程详解
2018/05/18 Javascript
Vue.js单向绑定和双向绑定实例分析
2018/08/14 Javascript
vue.js 添加 fastclick的支持方法
2018/08/28 Javascript
微信小程序实现拖拽功能
2019/09/26 Javascript
vue 取出v-for循环中的index值实例
2019/11/09 Javascript
[03:46]DOTA2英雄基础教程 维萨吉
2013/12/11 DOTA
[40:19]2018完美盛典CS.GO表演赛
2018/12/17 DOTA
Python实现将照片变成卡通图片的方法【基于opencv】
2018/01/17 Python
Python如何筛选序列中的元素的方法实现
2019/07/15 Python
tensorflow 环境变量设置方式
2020/02/06 Python
python的sys.path模块路径添加方式
2020/03/09 Python
在Django中预防CSRF攻击的操作
2020/03/13 Python
详解canvas绘图时遇到的跨域问题
2018/03/22 HTML / CSS
UGG雪地靴荷兰官网:UGG荷兰
2016/09/09 全球购物
加拿大奢华时装品牌:Mackage
2018/01/10 全球购物
个人安全生产责任书
2014/07/28 职场文书
奉献家乡演讲稿
2014/09/13 职场文书
酒店前台辞职书
2015/02/26 职场文书
信访工作个人总结
2015/03/03 职场文书
4S店销售内勤岗位职责
2015/04/13 职场文书
公司财务人员岗位职责
2015/04/14 职场文书
Python基础之教你怎么在M1系统上使用pandas
2021/05/08 Python
Java各种比较对象的方式的对比总结
2021/06/20 Java/Android
Python GUI编程之tkinter 关于 ttkbootstrap 的使用详解
2022/03/03 Python