谈谈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 相关文章推荐
JS弹出层单纯的绝对定位居中示例代码
Feb 18 Javascript
11种ASP连接数据库的方法
Sep 18 Javascript
ES6新特性之类(Class)和继承(Extends)相关概念与用法分析
May 24 Javascript
微信小程序实现皮肤功能(夜间模式)
Jun 18 Javascript
使用prop解决一个checkbox选中后再次选中失效的问题
Jul 05 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
Nov 22 Javascript
深入浅出webpack之externals的使用
Dec 04 Javascript
Angular-UI Bootstrap组件实现警报功能
Jul 16 Javascript
Node4-5静态资源服务器实战以及优化压缩文件实例内容
Aug 29 Javascript
vue 实现v-for循环回来的数据动态绑定id
Nov 07 Javascript
JavaScript原始值与包装对象的详细介绍
May 11 Javascript
关于React Native使用axios进行网络请求的方法
Aug 02 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中fwrite与file_put_contents性能测试代码
2013/08/02 PHP
PHP中的use关键字概述
2014/07/23 PHP
ThinkPHP添加更新标签的方法
2014/12/05 PHP
理清PHP在Linxu下执行时的文件权限方法
2017/06/07 PHP
php连接mysql数据库最简单的实现方法
2019/09/24 PHP
javascript图像处理—仿射变换深度理解
2013/01/16 Javascript
javascript仿php的print_r函数输出json数据
2013/09/13 Javascript
JS中typeof与instanceof之间的区别总结
2013/11/14 Javascript
解析prototype,JQuery中跳出each循环的方法
2013/12/12 Javascript
利用js(jquery)操作Cookie的方法说明
2013/12/19 Javascript
如何将php数组或者对象传递给javascript
2014/03/20 Javascript
javascript中加var和不加var的区别 你真的懂吗
2016/01/06 Javascript
JavaScript模拟push
2016/03/06 Javascript
javascript创建cookie、读取cookie
2016/03/31 Javascript
谈一谈JS消息机制和事件机制的理解
2016/04/14 Javascript
详解Node.js串行化流程控制
2017/05/04 Javascript
基于jQuery实现定位导航位置效果
2017/11/15 jQuery
webpack4.0打包优化策略整理小结
2018/03/30 Javascript
基于vue实现web端超大数据量表格的卡顿解决
2019/04/02 Javascript
跟混乱的页面弹窗说再见
2019/04/11 Javascript
详解基于Wepy开发小程序插件(推荐)
2019/08/01 Javascript
jquery实现点击弹出对话框
2020/02/08 jQuery
jQuery实现可以扩展的日历
2020/12/01 jQuery
Python的ORM框架SQLObject入门实例
2014/04/28 Python
Python(Django)项目与Apache的管理交互的方法
2018/05/16 Python
Python3实现爬虫爬取赶集网列表功能【基于request和BeautifulSoup模块】
2018/12/05 Python
Python3实现的简单工资管理系统示例
2019/03/12 Python
python解释器spython使用及原理解析
2019/08/24 Python
Python调用shell cmd方法代码示例解析
2020/06/18 Python
pytorch 常用函数 max ,eq说明
2020/06/28 Python
如何解决安装python3.6.1失败
2020/07/01 Python
Python代码注释规范代码实例解析
2020/08/14 Python
Numpy中np.random.rand()和np.random.randn() 用法和区别详解
2020/10/23 Python
瑞典在互联网上最大的宠物商店:Animail
2020/10/31 全球购物
领导干部廉政承诺书
2014/03/27 职场文书
MySQL触发器的使用
2021/05/24 MySQL