jquery使用css选择器来选取元素吗

html-css016

jquery使用css选择器来选取元素吗,第1张

是的,jQuery使用 CSS 选择器来选取元素。

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>

不明白就追问