谈谈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自动显示最后更新时间
Mar 15 Javascript
SWFObject Flash js调用类
Jul 08 Javascript
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
Apr 01 Javascript
IE6浏览器下resize事件被执行了多次解决方法
Dec 11 Javascript
JS中不为人知的五种声明Number的方式简要概述
Feb 22 Javascript
JS实现下拉框的动态添加(附效果)
Apr 03 Javascript
js获取鼠标位置实例详解
Dec 09 Javascript
详解WordPress开发中get_current_screen()函数的使用
Jan 11 Javascript
js实现显示手机号码效果
Mar 09 Javascript
JS计算两个时间相差分钟数的方法示例
Jan 10 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
Jul 21 Javascript
解决ant design vue 表格a-table二次封装,slots渲染的问题
Oct 28 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
使用swoole扩展php websocket示例
2014/02/13 PHP
php汉字转拼音的示例
2014/02/27 PHP
PHP实现对数组分页处理实例详解
2017/02/07 PHP
php数组指针操作详解
2017/02/14 PHP
一个JavaScript继承的实现
2006/10/24 Javascript
JavaScript之自定义类型
2012/05/04 Javascript
JQuery表格内容过滤的实现方法
2013/07/05 Javascript
控制文字内容的显示与隐藏示例
2014/06/11 Javascript
JS获取客户端IP地址、MAC和主机名的7个方法汇总
2014/07/21 Javascript
Javascript模块化编程详解
2014/12/01 Javascript
sails框架的学习指南
2014/12/22 Javascript
图解js图片轮播效果
2015/12/20 Javascript
JavaScript小技巧整理
2015/12/30 Javascript
iframe高度自适应及隐藏滚动条的实例详解
2017/09/29 Javascript
全站最详细的Vuex教程
2018/04/13 Javascript
详解Vue中使用插槽(slot)、聚类插槽
2019/04/12 Javascript
10种JavaScript最常见的错误(小结)
2019/06/21 Javascript
微信小程序中的上拉、下拉菜单功能
2020/03/13 Javascript
[原创]Python入门教程2. 字符串基本操作【运算、格式化输出、常用函数】
2018/10/29 Python
libreoffice python 操作word及excel文档的方法
2019/07/04 Python
python pyqtgraph 保存图片到本地的实例
2020/03/14 Python
浅谈tensorflow模型保存为pb的各种姿势
2020/05/25 Python
python如何调用java类
2020/07/05 Python
Python如何实现远程方法调用
2020/08/07 Python
PyCharm2020最新激活码+激活码补丁(亲测最新版PyCharm2020.2激活成功)
2020/11/25 Python
python3通过subprocess模块调用脚本并和脚本交互的操作
2020/12/05 Python
Python新建项目自动添加介绍和utf-8编码的方法
2020/12/26 Python
有影响力的人、名人和艺术家的官方商品:Represent
2019/11/26 全球购物
蒂娜商店:Tiina the Store
2019/12/07 全球购物
应用电子技术专业个人求职信
2013/09/21 职场文书
知名企业招聘广告词大全
2014/03/18 职场文书
浅谈MySQL next-key lock 加锁范围
2021/06/07 MySQL
Mysql数据库按时间点恢复实战记录
2021/06/30 MySQL
mysql 乱码 字符集latin1转UTF8
2022/04/19 MySQL
mysql函数之截取字符串的实现
2022/08/14 MySQL