谈谈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 相关文章推荐
jquery 锁定弹出层实现代码
Feb 23 Javascript
JavaScript事件委托技术实例分析
Feb 06 Javascript
在for循环中length值是否需要缓存
Jul 27 Javascript
JS特效实现图片自动播放并可控的效果
Jul 31 Javascript
jquery radio的取值_radio的选中_radio的重置方法
Sep 20 Javascript
JS DOMReady事件的六种实现方法总结
Nov 23 Javascript
前端编码规范(3)JavaScript 开发规范
Jan 21 Javascript
jQuery实现的老虎机跑动效果示例
Dec 29 jQuery
js如何实现元素曝光上报
Aug 07 Javascript
Layui实现数据表格默认全部显示(不要分页)
Oct 26 Javascript
JS函数参数的传递与同名参数实例分析
Mar 16 Javascript
解决vue watch数据的方法被调用了两次的问题
Nov 07 Javascript
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
通过对服务器端特性的配置加强php的安全
2006/10/09 PHP
PHP中怎样防止SQL注入分析
2014/10/23 PHP
PHP获取类私有属性的3种方法
2020/09/10 PHP
JavaScript中SQL语句的应用实现
2010/05/04 Javascript
js操作二级联动实现代码
2010/07/27 Javascript
jquery延迟加载外部js实现代码
2013/01/11 Javascript
javascript和HTML5利用canvas构建猜牌游戏实现算法
2013/07/17 Javascript
jquery简单实现鼠标经过导航条改变背景图
2013/12/17 Javascript
js文件包含的几种方式介绍
2014/09/28 Javascript
jQuery实现单击和鼠标感应事件
2015/02/01 Javascript
javascript搜索框效果实现方法
2015/05/14 Javascript
输入框点击时边框变色效果的实现方法
2016/12/26 Javascript
如何解决vue与传统jquery插件冲突
2017/03/20 Javascript
input 标签实现输入框带提示文字效果(两种方法)
2017/10/09 Javascript
开发Vue树形组件的示例代码
2017/12/21 Javascript
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
2018/10/10 jQuery
如何在vue里面优雅的解决跨域(路由冲突问题)
2019/01/20 Javascript
JavaScript怎样在删除前添加确认弹出框?
2019/05/27 Javascript
[40:27]完美世界DOTA2联赛PWL S3 PXG vs GXR 第一场 12.19
2020/12/24 DOTA
Python实现分割文件及合并文件的方法
2015/07/10 Python
好用的Python编辑器WingIDE的使用经验总结
2016/08/31 Python
pytorch + visdom 处理简单分类问题的示例
2018/06/04 Python
Python 迭代,for...in遍历,迭代原理与应用示例
2019/10/12 Python
Django分组聚合查询实例分享
2020/04/29 Python
python中判断数字是否为质数的实例讲解
2020/12/06 Python
易程科技软件测试笔试
2013/03/24 面试题
英语生日邀请函
2014/01/23 职场文书
八一建军节活动方案
2014/02/10 职场文书
总经理的岗位职责
2014/02/23 职场文书
物理学专业自荐信
2014/06/11 职场文书
部队2015年终工作总结
2015/04/02 职场文书
离婚代理词范文
2015/05/23 职场文书
《植物妈妈有办法》教学反思
2016/02/23 职场文书
Spring事务管理下synchronized锁失效问题的解决方法
2022/03/31 Java/Android
我收到了德劲DE1107
2022/04/05 无线电
Docker部署Mysql8的实现步骤
2022/07/07 Servers