谈谈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 相关文章推荐
个人总结的一些关于String、Function、Array的属性和用法
Jan 10 Javascript
Javascript模块模式分析
May 16 Javascript
利用JQuery为搜索栏增加tag提示
Jun 22 Javascript
event.srcElement 用法笔记e.target
Dec 18 Javascript
js监听滚动条滚动事件使得某个标签内容始终位于同一位置
Jan 24 Javascript
jquery用offset()方法获得元素的xy坐标
Sep 06 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
May 03 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
Aug 21 Javascript
简单理解vue中track-by属性
Oct 26 Javascript
使用 jQuery 实现表单验证功能
Jul 05 jQuery
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Apr 20 Javascript
vue点击按钮实现简单页面的切换
Sep 08 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
第二节 对象模型 [2]
2006/10/09 PHP
PHP笔记之:基于面向对象设计的详解
2013/05/14 PHP
php简单浏览目录内容的实现代码
2013/06/07 PHP
CI框架中集成CKEditor编辑器的教程
2014/06/09 PHP
PHP XML和数组互相转换详解
2016/10/26 PHP
javascript深入理解js闭包
2010/07/03 Javascript
判断浏览器的javascript版本的代码
2010/09/03 Javascript
js变量以及其作用域详解
2020/07/18 Javascript
Extjs grid panel自带滚动条失效的解决方法
2014/09/11 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
2014/10/16 Javascript
JS上传图片前实现图片预览效果的方法
2015/03/02 Javascript
JavaScript制作简单分页插件
2016/09/11 Javascript
JQuery 选择器、DOM节点操作练习实例
2017/09/28 jQuery
JavaScript解析JSON数据示例
2019/07/16 Javascript
vuex存储token示例
2019/11/11 Javascript
AutoJs实现刷宝短视频的思路详解
2020/05/22 Javascript
[02:02]特效爆炸!DOTA2珍宝之瓶待你开启
2018/08/21 DOTA
Python实现根据IP地址和子网掩码算出网段的方法
2015/07/30 Python
python 自动化将markdown文件转成html文件的方法
2016/09/23 Python
利用python求相邻数的方法示例
2017/08/18 Python
详解pyqt5 动画在QThread线程中无法运行问题
2018/05/05 Python
python进阶之多线程对同一个全局变量的处理方法
2018/11/09 Python
Python 利用切片从列表中取出一部分使用的方法
2019/02/01 Python
python中with语句结合上下文管理器操作详解
2019/12/19 Python
如何在scrapy中集成selenium爬取网页的方法
2020/11/18 Python
手摸手教你用canvas实现给图片添加平铺水印的实现
2019/08/20 HTML / CSS
什么是Web Service?
2012/07/25 面试题
什么是就业协议书
2014/04/17 职场文书
办公室主任竞聘演讲稿
2014/05/15 职场文书
节约用水演讲稿
2014/05/21 职场文书
学雷锋广播稿大全
2015/08/19 职场文书
2015年度工程师评职称工作总结
2015/10/14 职场文书
社区挂职锻炼个人工作总结
2015/10/23 职场文书
导游词之太湖
2019/10/08 职场文书
Python基础学习之奇异的GUI对话框
2021/05/27 Python
PYTHON基于Pyecharts绘制常见的直角坐标系图表
2022/04/28 Python