谈谈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获得选中文本内容的方法
Dec 02 Javascript
js 多浏览器分别判断代码
Apr 01 Javascript
onsubmit阻止form表单提交与onclick的相关操作
Sep 03 Javascript
jquery 查找iframe父级页面元素的实现代码
Aug 28 Javascript
js 字符串转换成数字的三种方法
Mar 23 Javascript
JavaScript打印网页指定区域的例子
May 03 Javascript
js中confirm实现执行操作前弹出确认框的方法
Nov 01 Javascript
JavaScript合并两个数组并去除重复项的方法
Jun 13 Javascript
AngularJs concepts详解及示例代码
Sep 01 Javascript
Webpack执行命令参数详解
Jun 17 Javascript
JS全角与半角转化实例(分享)
Jul 04 Javascript
jQuery实现的两种简单弹窗效果示例
Apr 18 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
CPU步进是什么意思?i3-9100F B0步进和U0步进区别知识科普
2020/03/17 数码科技
php str_replace的替换漏洞
2008/03/15 PHP
php自定义函数实现汉字转换utf8编码的方法
2016/09/29 PHP
php 解析xml 的四种方法详细介绍
2016/10/26 PHP
php简单计算年龄的方法(周岁与虚岁)
2016/12/06 PHP
完美解决thinkphp唯一索引重复时出错的问题
2017/03/31 PHP
laravel 事件/监听器实例代码
2019/04/12 PHP
给ListBox添加双击事件示例代码
2013/12/02 Javascript
jquery自动切换tabs选项卡的具体实现
2013/12/24 Javascript
微信JS接口汇总及使用详解
2015/01/09 Javascript
jQuery实现自动切换播放的经典滑动门效果
2015/09/12 Javascript
JavaScrip常见的一些算法总结
2015/12/28 Javascript
Js调用Java方法并互相传参的简单实例
2016/08/11 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
2016/10/20 Javascript
jQuery实现删除li节点的方法
2016/12/06 Javascript
vue2.0获取自定义属性的值
2017/03/28 Javascript
JS按钮闪烁功能的实现代码
2017/07/21 Javascript
原生JS实现多个小球碰撞反弹效果示例
2018/01/31 Javascript
jQuery实现的回车触发按钮事件功能示例
2018/03/25 jQuery
js jquery 获取某一元素到浏览器顶端的距离实现方法
2018/09/05 jQuery
如何自动化部署项目?折腾服务器之旅~
2019/04/16 Javascript
详解Vue源码中一些util函数
2019/04/24 Javascript
Node.js系列之安装配置与基本使用(1)
2019/08/30 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
2020/07/28 Javascript
Django框架模板介绍
2019/01/15 Python
Python字典的基本用法实例分析【创建、增加、获取、修改、删除】
2019/03/05 Python
使用Python制作简单的小程序IP查看器功能
2019/04/16 Python
Python3.5内置模块之os模块、sys模块、shutil模块用法实例分析
2019/04/27 Python
Python字符串处理的8招秘籍(小结)
2019/08/13 Python
Omio法国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/13 全球购物
什么是三层交换,说说和路由的区别在那里
2014/09/01 面试题
文明演讲稿范文
2014/05/12 职场文书
文艺晚会策划方案
2014/06/11 职场文书
5s标语大全
2014/06/23 职场文书
幼儿教师师德师风演讲稿
2014/08/22 职场文书
2014年招商工作总结
2014/11/22 职场文书