谈谈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 相关文章推荐
判断控件是否已加载完成的代码
Feb 24 Javascript
window.dialogArguments 使用说明
Apr 11 Javascript
cookie的复制与使用记住用户名实现代码
Nov 04 Javascript
JavaScript中模拟实现jsonp
Jun 19 Javascript
js实现简易的单数字随机抽奖(0-9)
Mar 19 Javascript
详解JavaScript 中的 replace 方法
Jan 01 Javascript
使用Node.js给图片加水印的方法
Nov 15 Javascript
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
Nov 08 jQuery
Angular5中调用第三方js插件的方法
Feb 26 Javascript
详解react-refetch的使用小例子
Feb 15 Javascript
JS获取本地地址及天气的方法实例小结
May 10 Javascript
layui的数据表格+springmvc实现搜索功能的例子
Sep 28 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下关于中英数字混排的字符串分割问题
2010/04/06 PHP
支付宝接口开发集成支付环境小结
2015/03/17 PHP
查询绑定数据岛的表格中的文本并修改显示方式的js代码
2009/12/15 Javascript
Jquery如何实现点击时高亮显示代码
2014/01/22 Javascript
javascript产生随机数方法汇总
2016/01/25 Javascript
JS组件Bootstrap实现下拉菜单效果代码
2016/04/26 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
2016/06/12 Javascript
浅谈如何实现easyui的datebox格式化
2016/06/12 Javascript
浅析JS获取url中的参数实例代码
2016/06/14 Javascript
超实用的javascript时间处理总结
2016/08/16 Javascript
express文件上传中间件Multer详解
2016/10/24 Javascript
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
2016/11/24 Javascript
浅谈Vue网络请求之interceptors实际应用
2018/02/28 Javascript
详解在React-Native中持久化redux数据
2019/05/22 Javascript
layui实现下拉复选功能的例子(包括数据的回显与上传)
2019/09/24 Javascript
微信小程序关键字变色实现代码实例
2019/12/13 Javascript
Vue获取页面元素的相对位置的方法示例
2020/02/05 Javascript
深入浅析JavaScript中的in关键字和for-in循环
2020/04/20 Javascript
[03:24]2014DOTA2国际邀请赛 神秘商店生意火爆
2014/07/18 DOTA
Python备份Mysql脚本
2008/08/11 Python
python计算圆周率pi的方法
2015/07/11 Python
玩转python爬虫之URLError异常处理
2016/02/17 Python
Django的分页器实例(paginator)
2017/12/01 Python
Python对excel文档的操作方法详解
2018/12/10 Python
树莓派与PC端在局域网内运用python实现即时通讯
2019/06/22 Python
python 爬取学信网登录页面的例子
2019/08/13 Python
python 上下文管理器及自定义原理解析
2019/11/19 Python
python 实现多维数组转向量
2019/11/30 Python
基于Tensorflow高阶读写教程
2020/02/10 Python
python多维数组分位数的求取方式
2020/03/03 Python
Python集成开发工具Pycharm的安装和使用详解
2020/03/18 Python
Pyspark读取parquet数据过程解析
2020/03/27 Python
探索HTML5本地存储功能运用技巧
2016/03/02 HTML / CSS
Richards网上商店:当代时尚,遍布巴西
2019/11/03 全球购物
Python Django ORM连表正反操作技巧
2021/06/13 Python
教你快速构建一个基于nginx的web集群项目
2021/11/27 Servers