谈谈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 相关文章推荐
使弱类型的语言JavaScript变强势
Jun 22 Javascript
javascript (用setTimeout而非setInterval)
Dec 28 Javascript
JQuery中关于jquery.js与jquery.min.js的比较探讨
May 15 Javascript
js控制鼠标事件移动及移出效果显示
Oct 19 Javascript
JS实现简单易用的手机端浮动窗口显示效果
Sep 07 Javascript
jquery pagination分页插件使用详解(后台struts2)
Jan 22 Javascript
jQuery实现ajax无刷新分页页码控件
Feb 28 Javascript
jQuery弹出窗口简单实现代码
Mar 09 Javascript
Vue源码学习之初始化模块init.js解析
Nov 02 Javascript
详解如何在vue-cli中使用vuex
Aug 07 Javascript
JS+CSS实现随机点名(实例代码)
Nov 04 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 jQuery
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计划任务之ignore_user_abort函数实现方法
2015/01/08 PHP
PHP 数组基本操作方法详解
2016/06/17 PHP
Laravel学习笔记之Artisan命令生成自定义模板的方法
2018/11/22 PHP
PHP ElasticSearch做搜索实例讲解
2020/02/05 PHP
根据分辨率不同,调用不同的css文件
2006/08/25 Javascript
jquery1.4 教程二 ajax方法的改进
2010/02/25 Javascript
ExtJS 学习专题(一) 如何应用ExtJS(附实例)
2010/03/11 Javascript
jQuery1.6 使用方法二
2011/11/23 Javascript
js二维数组排序的简单示例代码
2014/01/24 Javascript
jQuery实现的一个自定义Placeholder属性插件
2014/08/11 Javascript
深入浅析javascript立即执行函数
2015/10/23 Javascript
jQuery+JSON实现AJAX二级联动实例分析
2015/12/18 Javascript
vuejs绑定class和style样式
2017/04/11 Javascript
关于vue-router的beforeEach无限循环的问题解决
2017/09/09 Javascript
Angular实现搜索框及价格上下限功能
2018/01/19 Javascript
浅谈vue项目重构技术要点和总结
2018/01/23 Javascript
从零开始搭建一个react项目开发
2018/02/09 Javascript
详解Vue 全局引入bass.scss 处理方案
2018/03/26 Javascript
后台使用freeMarker和前端使用vue的方法及遇到的问题
2019/06/13 Javascript
python中wx将图标显示在右下角的脚本代码
2013/03/08 Python
Python标准库os.path包、glob包使用实例
2014/11/25 Python
理解Django 中Call Stack机制的小Demo
2020/09/01 Python
python实现三种随机请求头方式
2021/01/05 Python
HTML5教程之html 5 本地数据库(Web Sql Database)
2014/04/03 HTML / CSS
美国最大的半成品净菜电商:Blue Apron(蓝围裙)
2018/04/27 全球购物
新英格兰最大的特色礼品连锁店:The Paper Store
2018/07/23 全球购物
linux面试题参考答案(7)
2012/10/29 面试题
简单英文演讲稿
2014/01/01 职场文书
网络技术专业求职信
2014/02/18 职场文书
党员大会主持词
2014/04/02 职场文书
高中生第一学年自我鉴定
2014/09/12 职场文书
水电施工员岗位职责
2015/04/11 职场文书
焦裕禄纪念馆观后感
2015/06/09 职场文书
2015初中团委工作总结
2015/07/28 职场文书
个人房屋租赁合同(标准范本)
2019/09/16 职场文书
浅谈Python数学建模之线性规划
2021/06/23 Python