1:eq(index)方法
用於獲取第N個元素,這個元素的位置從0開始算起,語法格式如下:eq(index)
獲取第3個表格,並將它的背景色設置為"#FCF", 代碼如下:$("td").eq(2).css("background", "#FCF");
2:filter(expr)方法
用於篩選出與指定表達式匹配的元素集合,用於縮小匹配的范圍,用逗號分隔多個表達式,那麼多個表達式之間是“或”的關系,
語法如下:filter(expr)
$("input").filter(".sel").css("backgroud", "#FCF"); //選取帶有class屬性值為sel的input元素,並設置它的背景色
$("input").filter(".sel, :first").css("background", "#FCF"); //選取帶有class屬性值的input元素或者選取當前領域中的第一個元素,並設置它們的背景色,
表達式之間用逗號分隔
3:filter(fn)方法
用於篩選出與指定函數返回值匹配的元素集合,該函數內部將對每個對象計算一次(如$:each)。如果調用的函數返回false,則這個元素將被刪除,
否則就會保留。語法格式如下:filter(fn)
. 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>filter(fn)用法</title>
<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("p").filter(function(index){
return $("ol", this).length == 0;
}).css("color", "blue");
})
</script>
</head>
<body>
<p>
<ol>
<li>Hello</li>
</ol>
</p>
<p>How are you?</p>
</body>
</html>
假設子元素中不含有ol元素,並設置該元素的字體顏色為藍色。
4:has(expr)方法
用於保留包含特定後代的元素,去掉那些不含有指定後代的元素,該方法將會從給定的jQuery對象中重新創建一組匹配的對象,提供的選擇器會一一測試原先
那些對象的後代,含有匹配後代的對象將得以保留,語法格式如下:
has(expr)
. 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>has(expr)用法</title>
<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("li").has("ul").css("color", "red");
})
</script>
</head>
<body>
<ul>
<li id="menu_li">
<ul id="menu_ul">
<li>新聞</li>
<li>網頁</li>
<li>知道</li>
</ul>
</li>
<li>正文</li>
<li>結尾</li>
</ul>
</body>
</html>
5: hasClass(class)
用於檢查當前的元素是否含有某個特定的類,如果有,則返回true
. 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>hasClass用法</title>
<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("div").click(function() {
if($(this).hasClass("protected")) {
$(this).css("border", "1px solid blue");
}
});
})
</script>
</head>
<body>
<div class="protected">div元素</div>
<div>div元素二</div>
</body>
</html>
6:map(callback)方法
map(callback)方法用於將一組元素轉換成其他數組(無論是否是元素數組), 可以用這個函數來建立一個列表,無論是值、屬性還是CSS樣式,或者其他特別形式,
都可以用$.map()來方便的建立,語法格式如下:
map(callback)