jQuery 使用 CSS 选择器来选取 HTML 元素。例如:
$("p") 选取 <p>元素。
$("p.intro") 选取所有 class="intro" 的 <p>元素。
$("p#demo") 选取所有 id="demo" 的 <p>元素。
jQuery css()选择器是jquery中的一个功能。
请参照 css3 伪类选择器;:first-child
选择某个元素的第一个子元素(IE6不支持)
:last-child
选择某个元素的最后一个子元素
:first-of-type
[CSS3]选择一个上级元素下的第一个同类子元素
:last-of-type
[CSS3]选择一个上级元素的最后一个同类子元素
:only-child
[CSS3]选择的元素是它的父元素的唯一一个了元素(IE6-8不支持)
:only-of-type
[CSS3]选择一个元素是它的上级元素的唯一一个相同类型的子元素(IE6-8不支持)
:nth-child()
[CSS3]选择某个元素的一个或多个特定的子元素(IE6-8不支持)
:nth-last-child()
[CSS3]选择某个元素的一个或多个特定的子元素,从这个元素的最后一个子元素开始算(IE6-8不支持)
:nth-of-type()
[CSS3]选择指定的元素(IE6-8不支持)
:nth-last-of-type()
[CSS3]选择指定的元素,从元素的最后一个开始计算(IE6-8不支持)
$(function(){l=$("div").length
$("input").click(function(){
for(i=0i<li++){
a=$("div").eq(i).css("z-index")
b=$("div").eq(i).attr("id")
if(a==100){
alert(b)
}
}
})
}) <div id="div_1" class="c1" style="z-index:100 position:relative">1<input type="button" name="" value="点我" /></div>
<div id="div_2" class="c1" style="z-index:200 position:relative">2</div>
<div id="div_3" class="c1" style="z-index:300 position:relative">3</div>
<div class="c2"></div>
<div class="c3"></div>
不明白就追问