谈谈Jquery中的children find 的区别有哪些


Posted in Javascript onOctober 19, 2015

精华:find方法能找子孙,children方法只能找儿子

一、Jquery中children

语法

.children(selector)

说明

expr是表达式,可选参数,所有选择器中的表达式都可以用在这,比如按标签名"div",按类名".class",按序号":first"等等,如果表达式为空,那么返回的是所有的孩子,返回的结果仍为jQuery对象。 

二、Jquery中find

find() 方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。

语法

.find(selector)

说明

其接受的选择器表达式与我们向 $() 函数传递的表达式的类型相同。将通过测试这些元素是否匹配该表达式来对元素进行过滤。

三、jquery中children、find的区别

1、children及find方法都用是用来获得element的子elements的,两者都不会返回 text node,就像大多数的jQuery方法一样。
2、children方法获得的仅仅是元素一下级的子元素
3、find方法获得所有下级元素
4、children方法的参数selector 是可选的(optionally),用来过滤子元素,但find方法的参数selector方法是必选的。
5、find方法事实上可以通过使用 jQuery( selector, context )来实现

以上内容是小编给大家介绍Jquery中的children find 的区别,希望大家喜欢。

Javascript 相关文章推荐
JavaScript Ajax Json实现上下级下拉框联动效果实例代码
Nov 23 Javascript
jquery实现浮动在网页右下角的彩票开奖公告窗口代码
Sep 04 Javascript
JS实现不使用图片仿Windows右键菜单效果代码
Oct 22 Javascript
AngularJS使用angular-formly进行表单验证
Dec 27 Javascript
使用jQuery和ajax代替iframe的方法(详解)
Apr 12 jQuery
JS实现手写parseInt的方法示例
Sep 24 Javascript
使用sessionStorage解决vuex在页面刷新后数据被清除的问题
Apr 13 Javascript
css配合JavaScript实现tab标签切换效果
Oct 11 Javascript
JS实现计算小于非负数n的素数的数量算法示例
Feb 26 Javascript
vue如何截取字符串
May 06 Javascript
ElementUI 修改默认样式的几种办法(小结)
Jul 29 Javascript
Vue router配置与使用分析讲解
Dec 24 Vue.js
JS实现的简洁纵向滑动菜单(滑动门)效果
Oct 19 #Javascript
JS实现的左侧竖向滑动菜单效果代码
Oct 19 #Javascript
jQuery实现ctrl+enter(回车)提交表单
Oct 19 #Javascript
JS实现网页游戏中滑块响应鼠标点击移动效果
Oct 19 #Javascript
在JavaScript中如何解决用execCommand(
Oct 19 #Javascript
简单谈谈Javascript中类型的判断
Oct 19 #Javascript
AngularJS 实现按需异步加载实例代码
Oct 18 #Javascript
You might like
无法载入 mcrypt 扩展,请检查 PHP 配置终极解决方案
2011/07/18 PHP
php函数array_merge用法一例(合并同类数组)
2013/02/03 PHP
PHP基于curl模拟post提交json数据示例
2018/06/22 PHP
jquery判断checkbox(复选框)是否被选中的代码
2010/10/20 Javascript
ajax的hide隐藏问题解决方法
2012/12/11 Javascript
jQuery Animation实现CSS3动画示例介绍
2013/08/14 Javascript
解析JavaScript中delete操作符不能删除的对象
2013/12/03 Javascript
javascript闭包传参和事件的循环绑定示例探讨
2014/04/17 Javascript
js获取内联样式的方法
2015/01/27 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
2015/04/10 Javascript
jQuery实现的自定义滚动条实例详解
2016/09/20 Javascript
jQuery插件ajaxFileUpload使用实例解析
2016/10/19 Javascript
JavaScript之iterable_动力节点Java学院整理
2017/06/29 Javascript
Nodejs模块载入运行原理
2018/02/23 NodeJs
在vue项目中引入highcharts图表的方法(详解)
2018/03/05 Javascript
让axios发送表单请求形式的键值对post数据的实例
2018/08/11 Javascript
详解微信小程序canvas圆角矩形的绘制的方法
2018/08/22 Javascript
angularJs中$scope数据序列化的实例
2018/09/30 Javascript
Vue实现固定定位图标滑动隐藏效果
2019/05/30 Javascript
JavaScript中展开运算符及应用的实例代码
2021/01/14 Javascript
忘记ftp密码使用python ftplib库暴力破解密码的方法示例
2014/01/22 Python
从Python程序中访问Java类的简单示例
2015/04/20 Python
Python中Random和Math模块学习笔记
2015/05/18 Python
python轻松查到删除自己的微信好友
2016/01/10 Python
Flask数据库迁移简单介绍
2017/10/24 Python
浅谈Django自定义模板标签template_tags的用处
2017/12/20 Python
python实现杨氏矩阵查找
2019/03/02 Python
Python datetime和unix时间戳之间相互转换的讲解
2019/04/01 Python
实习自荐信
2013/10/13 职场文书
应届生求职信写作技巧
2013/10/24 职场文书
大四自我鉴定
2014/02/08 职场文书
无锡灵山大佛导游词
2015/02/09 职场文书
酒店保洁员岗位职责
2015/02/26 职场文书
2015初中政治教学工作总结
2015/07/21 职场文书
详解使用 CSS prefers-* 规范提升网站的可访问性与健壮性
2021/05/25 HTML / CSS
详解Python生成器和基于生成器的协程
2021/06/03 Python