谈谈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 相关文章推荐
用JTrackBar实现的模拟苹果风格的滚动条
Aug 06 Javascript
使用JavaScript动态设置样式实现代码(2)
Jan 25 Javascript
javascript模块化是什么及其优缺点介绍
Sep 02 Javascript
基于jQuery实现搜索关键字自动匹配功能
Mar 26 Javascript
基于Jquery代码实现支持PC端手机端幻灯片代码
Nov 17 Javascript
浅谈js script标签中的预解析
Dec 30 Javascript
js 原生判断内容区域是否滚动到底部的实例代码
Nov 15 Javascript
微信小程序开发之点击按钮退出小程序的实现方法
Apr 26 Javascript
使用watch在微信小程序中实现全局状态共享
Jun 03 Javascript
vue实现图片上传预览功能
Dec 23 Javascript
详解Vue的watch中的immediate与watch是什么意思
Dec 30 Javascript
vuex页面刷新导致数据丢失的解决方案
Dec 10 Vue.js
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 array_merge函数使用需要注意的一个问题
2015/03/30 PHP
php解析url并得到url中的参数及获取url参数的四种方式
2015/10/26 PHP
How to Auto Include a Javascript File
2007/02/02 Javascript
用javascript动态调整iframe高度的方法
2007/03/06 Javascript
javascript showModalDialog 内跳转页面的问题
2010/11/25 Javascript
js实现字符串的16进制编码不加密
2014/04/25 Javascript
使用jquery制作弹出框效果
2015/04/03 Javascript
avalon js实现仿微博拖动图片排序
2015/08/14 Javascript
jQuery基础知识点总结(DOM操作)
2016/06/01 Javascript
JS利用正则表达式实现简单的密码强弱判断实例
2017/06/16 Javascript
JS实现简单拖拽效果
2017/06/21 Javascript
一个Js文件函数中调用另一个Js文件函数的方法演示
2017/08/14 Javascript
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
2018/01/18 jQuery
JS实现的JSON数组去重算法示例
2018/04/11 Javascript
详解使用vue-admin-template的优化历程
2018/05/20 Javascript
详解小程序如何改变onLoad的执行时机
2019/11/01 Javascript
微信小程序基于movable-view实现滑动删除效果
2020/01/08 Javascript
JavaScript this使用方法图解
2020/02/04 Javascript
Python是编译运行的验证方法
2015/01/30 Python
在Lighttpd服务器中运行Django应用的方法
2015/07/22 Python
如何准确判断请求是搜索引擎爬虫(蜘蛛)发出的请求
2015/10/13 Python
python基础知识小结之集合
2015/11/25 Python
Python中的字符串操作和编码Unicode详解
2017/01/18 Python
Python之Scrapy爬虫框架安装及简单使用详解
2017/12/22 Python
Python 实现PS滤镜的旋涡特效
2020/12/03 Python
亚瑟士美国官网:ASICS美国
2017/02/01 全球购物
美国时尚孕妇装品牌:A Pea in the Pod
2017/07/16 全球购物
廉价航班、机票和酒店:JustFly
2018/02/07 全球购物
意大利火车票和铁路通行证专家:ItaliaRail
2019/01/22 全球购物
党旗在我心中演讲稿
2014/09/15 职场文书
研讨会通知
2015/04/27 职场文书
2016年保险公众宣传日活动总结
2016/04/05 职场文书
教你怎么用Python生成九宫格照片
2021/05/20 Python
如何搭建 MySQL 高可用高性能集群
2021/06/21 MySQL
Android studio 简单计算器的编写
2022/05/20 Java/Android
JS前端使用canvas实现扩展物体类和事件派发
2022/08/05 Javascript