jQuery并且(過濾)選擇器
并且(過濾)選擇器
:first
用法:$("tr:first");單個元素組成的集合
匹配找到的第一個元素
:last
匹配找到的最后一個元素
:no(selector)
去除所以與給定選擇器匹配的元素
:even
匹配所有索引值為偶數(shù)的元素，從0開始計數(shù)
:odd
匹配所有索引值為奇數(shù)的元素，從0開始計數(shù)
:eq(index)
匹配一個給定索引值的元素，從0開始計數(shù)
:gt(index)
匹配所有大于給定索引值的元素，從0開始計數(shù)
:lt(index)
匹配所有小于給定索引值的元素，從0開始計數(shù)
:header
匹配如h1,h2,h3之類的標(biāo)題元素
<!DOCTYPE html>
<html>
<head>
<title>php.cn</title>
<meta charset="utf-8" />
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script >
function f1(){
//$("li").css('background-color','blue');
//① :first 找到第一個
//li元素同時，還需要是第一個
$("li:first").css('background-color','blue');
//② :last 找到最后一個
$("li:last").css('background-color','green');
//③ :eq(下標(biāo)) 下標(biāo)從0計算, equal()
$("li:eq(4)").css('background-color','pink');
//④ :gt(索引值) 下標(biāo)大于條件索引值, great than
$("li:gt(4)").css('color','red');
//⑤ :lt(索引值) 下標(biāo)小于條件索引值, less than
$("li:lt(3)").css('color','orange');
//⑥ :even 下標(biāo)索引值等于偶數(shù)的
$("li:even").css('background-color','gray');
//⑦ :odd 下標(biāo)索引值等于奇數(shù)的
$("li:odd").css('color','red');
//⑧ :not(選擇器) 去除與“選擇器”匹配的元素
$("li:not(#zhao,#zhang)").css('color','red');
//⑨ :header 獲得h1/h2/h3...的標(biāo)題元素
$(":header").css('color','blue');
}
</script>
</head>
<body>
<h1>php.cn</h1>
<h2>php.cn</h2>
<h3>php.cn</h3>
<h4>php.cn</h4>
<ul>
<li>北京</li>
<li id="zhang">上海</li>
<li>廣州</li>
<li id="zhao">深圳</li>
<li>杭州</li>
<li>武漢</li>
<li>南京</li>
<li>天津</li>
</ul>
<input type="button" value="觸發(fā)" onclick="f1()" />
</body>
</html> 
