请问JQuery中的子选择器有哪几种形式?
例如我有下面的HTML代码
<ol>
<li>列表</li>
<li>
<ul>
<li>aaaaaaaaa</li>
<li>bbbbbbbbb</li>
<li>ccccccccc</li>
</ul>
</li>
<li>列表</li>
<li>列表</li>
</ol>我用JQuery选出所有不包含<ul>的<li>列表项时,下面的两种写法实现的效果完全不同$(document).ready(function(){
$("ol >li").not("[ul]").css("border","1px solid red")
})$(document).ready(function(){
$("ol li").not("[ul]").css("border","1px solid red")
})请问$("ol li") $("ol > li")这两种子选择器有什么区别吗?这里的not("[ul]")为什么一定要用[]括起来呢?
例如我有下面的HTML代码
<ol>
<li>列表</li>
<li>
<ul>
<li>aaaaaaaaa</li>
<li>bbbbbbbbb</li>
<li>ccccccccc</li>
</ul>
</li>
<li>列表</li>
<li>列表</li>
</ol>我用JQuery选出所有不包含<ul>的<li>列表项时,下面的两种写法实现的效果完全不同$(document).ready(function(){
$("ol >li").not("[ul]").css("border","1px solid red")
})$(document).ready(function(){
$("ol li").not("[ul]").css("border","1px solid red")
})请问$("ol li") $("ol > li")这两种子选择器有什么区别吗?这里的not("[ul]")为什么一定要用[]括起来呢?
解决方案 »
- 关于IE禁用cookie问题?为什么禁用不掉呢?Firefox和opera都可以禁用掉,唯独IE。。。。
- 在苹果产品上才有的问题
- 怎么在jsp页面这样刷新呀
- 文字输入时,页面闪烁的解决??
- 移动到文本框中,获取鼠标位置问题
- 帮我看看 这种效果div顶置头部IE6下 出现问题 求解决办法
- javascript如何实现类似其他语言中的label功能?
- 如何判断“选择文件”对话框是点击的“打开”按钮,还是“取消”按钮?
- 求救:怎样彻底删除网页上的一个DIV
- 如何得到frame中当前页面的url?
- 一个很奇怪的关于offsetParent的问题,可能个CSS有关,狂晕中。
- 用DIV+CSS做一个三行三列的页面
只是找出ol 下一层 的 li元素 --对应你html代码应该获得长度为4的数组
$("ol li")
是找出ol元素下的 所有 li元素 --对应你html代码应该获得长度为7的数组not("[ul]")
我用不用[] 都是一样的 --所以我觉得区别不到建议LZ去这上面 瞅瞅
我就是按那上面学滴http://jquery-api-zh-cn.googlecode.com/svn/trunk/index.html
参数
ancestorSelector任何有效选择器descendantSelector用以匹配元素的选择器,并且它是第一个选择器的后代元素示例
描述:
找到表单中所有的 input 元素HTML 代码:
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />jQuery 代码:
$("form input")结果:
[ <input name="name" />, <input name="newsletter" /> ]
eg2:
在给定的父元素下匹配所有的子元素
参数
parentSelector任何有效选择器childSelector用以匹配元素的选择器,并且它是第一个选择器的子元素示例
描述:
匹配表单中所有的子级input元素。HTML 代码:
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />jQuery 代码:
$("form > input")结果:
[ <input name="name" /> ]