jquery中选择器children和find的区别
来源:互联网 发布:知之深爱之切心得体会 编辑:程序博客网 时间:2024/05/17 05:02
children()和find()的异同:
1> children及find方法都用是用来获得element的子elements的,两者都不会返回 text node,就像大多数的jQuery方法一样。
2> children方法获得的仅仅是元素一下级的子元素,即:immediate children。
3> find方法获得所有下级元素,即:descendants of these elements in the DOM tree
4> children方法的参数selector 是可选的(optionally),用来过滤子元素,
但find方法的参数selector方法是必选的。
5> find方法事实上可以通过使用 jQuery( selector, context )来实现。即$('li.item-ii').find('li')等同于$('li', 'li.item-ii').
例:
<ul class="level-1">
<li class="item-i">I</li>
<li class="item-ii">II
<ul class="level-2">
<li class="item-a">A</li>
<li class="item-b">B
<ul class="level-3">
<li class="item-1">1</li>
<li class="item-2">2</li>
<li class="item-3">3</li>
</ul>
</li>
<li class="item-c">C</li>
</ul>
</li>
<li class="item-iii">III</li>
</ul>
使用:$('ul.level-2').children().css('border', '1px solid green'); 的效果是:
使用 $('ul.level-2').find('li').css('border', '1px solid green'); 的效果是:
原文链接:http://www.cnblogs.com/Tally/archive/2013/01/04/2844042.html
- jquery中选择器children和find的区别
- jQuery中children()和find()的区别
- jquery中find()和children()的区别
- jQuery中focusin()和focus()、find()和children()的区别
- jquery中find方法和children方法的区别
- jquery中find方法和children方法的区别
- jquery中find,children,contents的区别
- jquery中children()、find()的区别
- jquery中find与children的区别
- jquery的find和children区别
- 一个例子看清楚JQuery子元素选择器children()和find()的区别
- Jquery中next和children的区别
- Jquery中next和children的区别
- jquery中filter,children,find三者的区别?
- 基于jquery中children()与find()的区别介绍
- find() 和 children()的区别
- jquery find children 区别
- 在jquery中,find()和children()函数之间的不同之处
- linux学习笔记之信号
- UNITY多语言本地化&NGUILocalization的使用
- java持久化类为什么要实现序列化
- leecode_258(未完成提高要求)
- kmp练习poj2752
- jquery中选择器children和find的区别
- python中yield和return对比
- 前端书写规划,表格table的一些应用以及和div的对比
- Medium 81题 Search in Rotated Sorted Array II
- 华为oj之【中级】单词倒排
- JS中定义类和对象
- 给view添加虚线边框
- 回文序列
- 动态规划:从新手到专家