谈谈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 相关文章推荐
jquery 最简单易用的表单验证插件
Feb 27 Javascript
js实现可拖动DIV的方法
Dec 17 Javascript
JQUERY 设置SELECT选中项代码
Feb 07 Javascript
jQuery中element选择器用法实例
Dec 29 Javascript
Angular懒加载机制刷新后无法回退的快速解决方法
Aug 30 Javascript
基于JavaScript实现购物网站商品放大镜效果
Sep 06 Javascript
Js获取当前日期时间及格式化代码
Sep 17 Javascript
微信小程序组件 contact-button(客服会话按钮)详解及实例代码
Jan 10 Javascript
微信小程序中换行空格(多个空格)写法详解
Jul 10 Javascript
移动端(微信等使用vConsole调试console的方法
Mar 05 Javascript
D3.js(v3)+react 实现带坐标与比例尺的散点图 (V3版本)
May 09 Javascript
React 实现车牌键盘的示例代码
Dec 20 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多文件上传功能实现原理及代码
2013/04/18 PHP
使用配置类定义Codeigniter全局变量
2014/06/12 PHP
javascript 可以拖动的DIV(二)
2009/06/26 Javascript
JavaScript中关于indexOf的使用方法与问题小结
2010/08/05 Javascript
Jquery 类网页微信二维码图块滚动效果具体实现
2013/10/14 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
2015/11/30 Javascript
基于socket.io+express实现多房间聊天
2016/03/17 Javascript
AngularJS入门教程之Helloworld示例
2016/12/25 Javascript
基于bootstrap按钮式下拉菜单组件的搜索建议插件
2017/03/25 Javascript
详解ElementUI之表单验证、数据绑定、路由跳转
2017/06/21 Javascript
vue页面使用阿里oss上传功能的实例(一)
2017/08/09 Javascript
Vuejs 页面的区域化与组件封装的实现
2017/09/11 Javascript
VsCode新建VueJs项目的详细步骤
2017/09/23 Javascript
Vue的移动端多图上传插件vue-easy-uploader的示例代码
2017/11/27 Javascript
关于Webpack dev server热加载失败的解决方法
2018/02/22 Javascript
Node.js Buffer用法解读
2018/05/18 Javascript
原生JS实现DOM加载完成马上执行JS代码的方法
2018/09/07 Javascript
vue3.0 CLI - 2.5 - 了解组件的三维
2018/09/14 Javascript
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
2019/05/12 jQuery
使用apifm-wxapi快速开发小程序过程详解
2019/08/05 Javascript
Python中optionParser模块的使用方法实例教程
2014/08/29 Python
Python中GIL的使用详解
2018/10/03 Python
利用PyCharm Profile分析异步爬虫效率详解
2019/05/08 Python
使用pytorch搭建AlexNet操作(微调预训练模型及手动搭建)
2020/01/18 Python
python isinstance函数用法详解
2020/02/13 Python
CSS3绘制不规则图形的一些方法示例
2015/11/07 HTML / CSS
基于html5实现的图片墙效果
2014/10/16 HTML / CSS
草莓网化妆品澳大利亚站:Strawberrynet AU
2017/12/18 全球购物
美国在线面料商店:Online Fabric Store
2018/07/26 全球购物
QA工程师岗位职责
2013/11/20 职场文书
领导的自我鉴定
2013/12/28 职场文书
十佳教师事迹材料
2014/01/11 职场文书
建议书怎么写
2014/03/12 职场文书
纪念九一八事变演讲稿:勿忘国耻
2014/09/14 职场文书
MySQL 计算连续登录天数
2022/05/11 MySQL
Python docx库删除复制paragraph及行高设置图片插入示例
2022/07/23 Python