编程 Javascript

谈谈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 的区别，希望大家喜欢。

谈谈Jquery中的children find 的区别有哪些

- Author -

mrr

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery一步一步实现跨浏览器的可编辑表格，支持IE、Firefox、Safari、Chrome、Opera

Aug 28 Javascript

JS模拟面向对象全解（一、类型及传递）

Jul 13 Javascript

jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)

Jan 23 Javascript

JQuery调用绑定click事件的3种写法

Mar 28 Javascript

JS图片压缩（pc端和移动端都适用）

Jan 12 Javascript

bootstrap suggest搜索建议插件使用详解

Mar 25 Javascript

详解Angular 4.x NgIf 的用法

May 22 Javascript

CSS3+JavaScript实现翻页幻灯片效果

Jun 28 Javascript

vue组件中使用iframe元素的示例代码

Dec 13 Javascript

关于vue中watch检测到不到对象属性的变化的解决方法

Feb 08 Javascript

详解vue-cli 快速搭建单页应用之遇到的问题及解决办法

Mar 01 Javascript

使用JS实现动态时钟

Mar 12 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调用nginx的mod_zip模块打包ZIP文件

2014/06/11 PHP

2016/09/22 PHP

微信推送功能实现方式图文详解

2019/07/12 PHP

phpStorm2020 注册码

2020/09/17 PHP

通过身份证号得到出生日期和性别的js代码

2009/11/23 Javascript

基于JQuery.timer插件实现一个计时器

2010/04/25 Javascript

js获取当月最后一天实例代码

2013/11/19 Javascript

js使用Array.prototype.sort()对数组对象排序的方法

2015/01/28 Javascript

jQuery手机浏览器中拖拽动作的艰难性分析

2015/02/04 Javascript

JavaScript创建一个object对象并操作对象属性的用法

2015/03/23 Javascript

jQuery之动画效果大全

2016/11/09 Javascript

微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】

2016/11/25 Javascript

Bootstrap Table使用心得总结

2016/11/29 Javascript

JS获取本周周一，周末及获取任意时间的周一周末功能示例

2017/02/09 Javascript

JavaScript实现旋转轮播图

2020/08/18 Javascript

原生javascript实现的全屏滚动功能示例

2017/09/19 Javascript

vue中vee validate表单校验的几种基本使用

2018/06/25 Javascript

vue-cli 脚手架基于Nightwatch的端到端测试环境的过程

2018/09/30 Javascript

微信小程序CSS3动画下拉菜单效果

2018/11/04 Javascript

详解Angular中实现自定义组件的双向绑定的两种方法

2018/11/23 Javascript

详解vue.js移动端配置flexible.js及注意事项

2019/04/10 Javascript

解决vue打包后vendor.js文件过大问题

2019/07/03 Javascript

解析vue、angular深度作用选择器

2019/09/11 Javascript

Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩）

2019/10/23 Javascript

Vue指令实现OutClick的示例

2020/11/16 Javascript

Python 不同对象比较大小示例探讨

2014/08/21 Python

Python自定义线程池实现方法分析

2018/02/07 Python

Python selenium抓取虎牙短视频代码实例

2020/03/02 Python

Python unittest单元测试框架及断言方法

2020/04/15 Python

对Matlab中共轭、转置和共轭装置的区别说明

2020/05/11 Python

浅谈Python程序的错误:变量未定义

2020/06/02 Python

美国领先的户外服装与装备用品店：Moosejaw

2016/08/25 全球购物

大学生家政服务项目创业计划书

2014/01/30 职场文书

我的未来不是梦演讲稿

2014/09/02 职场文书

教师病假条范文

2015/08/17 职场文书

Python图像处理库PIL详细使用说明

2022/04/06 Python