谈谈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中如何处理引号编码"
Aug 15 Javascript
jquery设置控件位置的方法
Aug 21 Javascript
jquery实现瀑布流效果分享
Mar 26 Javascript
jQuery实现的简单提示信息插件
Dec 08 Javascript
深入理解JavaScript单体内置对象
Jun 06 Javascript
微信小程序 radio单选框组件详解及实例代码
Jan 10 Javascript
微信小程序 wx.request方法的异步封装实例详解
May 18 Javascript
JavaScript条件判断_动力节点Java学院整理
Jun 26 Javascript
用Node提供静态文件服务的方法
Jul 06 Javascript
如何自动化部署项目?折腾服务器之旅~
Apr 16 Javascript
Vue组件通信中非父子组件传值知识点总结
Dec 05 Javascript
jQuery实现数字华容道小游戏(实例代码)
Jan 16 jQuery
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
Zend Studio for Eclipse的java.lang.NullPointerException错误的解决方法
2008/12/06 PHP
PHP操作xml代码
2010/06/17 PHP
PHP 自定义错误处理函数trigger_error()
2013/03/26 PHP
PHP curl伪造IP地址和header信息代码实例
2015/04/27 PHP
自定义min版smarty模板引擎MinSmarty.class.php文件及用法
2016/05/20 PHP
Smarty模板语法详解
2019/07/20 PHP
jQuery 页面 Mask实现代码
2010/01/09 Javascript
js函数中onmousedown和onclick的区别和联系探讨
2013/05/19 Javascript
javascript模块化是什么及其优缺点介绍
2013/09/02 Javascript
javascript动画算法实例分析
2015/07/31 Javascript
js实现网站最上边可关闭的浮动广告条代码
2015/09/04 Javascript
延时加载JavaScript代码提高速度
2015/12/27 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】
2017/03/09 Javascript
JQuery Ajax 异步操作之动态添加节点功能
2017/05/24 jQuery
Bootstrap响应式导航由768px变成992px的实现代码
2017/06/15 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
2018/08/22 Javascript
Node.js如何对SQLite的async/await封装详解
2019/02/14 Javascript
js取0-9随机取4个数不重复的数字代码实例
2019/03/27 Javascript
Vue 实现分页与输入框关键字筛选功能
2020/01/02 Javascript
[43:48]Ti4正赛第一天 VG vs NEWBEE 2
2014/07/19 DOTA
python实现rest请求api示例
2014/04/22 Python
Python数据结构与算法之图的基本实现及迭代器实例详解
2017/12/12 Python
Python实现的redis分布式锁功能示例
2018/05/29 Python
Python 字符串换行的多种方式
2018/09/06 Python
python 绘制拟合曲线并加指定点标识的实现
2019/07/10 Python
使用virtualenv创建Python环境及PyQT5环境配置的方法
2019/09/10 Python
CSS3教程(4):网页边框和网页文字阴影
2009/04/02 HTML / CSS
美国电视购物HSN官网:HSN
2016/09/07 全球购物
高街生活方式全球在线商店:AZBRO
2017/08/26 全球购物
荷兰演唱会和体育比赛订票网站:viagogo荷兰
2018/04/08 全球购物
Guess美国官网:美国知名服装品牌
2019/04/08 全球购物
新闻专业推荐信范文
2013/11/20 职场文书
一夜的工作教学反思
2014/02/08 职场文书
董事长助理岗位职责
2014/02/18 职场文书
人民教师的自我评价分享
2014/02/21 职场文书
Java网络编程之UDP实现原理解析
2021/09/04 Java/Android