Linux教程網 >> Linux編程 >> Linux編程 >> jQuery屬性過濾選擇器的使用

jQuery屬性過濾選擇器的使用

日期：2017/3/1 10:58:32 编辑：Linux編程

屬性過濾選擇器根據給定的元素的某個屬性獲取元素，如ID，以“[”開始，以"]"結束。

示例：

<!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>
<title>使用jQuery屬性過濾選擇器</title>
<script language="javascript" type="text/javascript"
src="../Jscript/jquery-1.5.2.js"></script>
<style type="text/css">
body{font-size:12px;text-align:center}
div{float:left;border:solid 1px #ccc;margin:8px;width:65px;height:65px;display:none}
</style>
<script type="text/javascript">
/* $(function(){ //顯示所有含有id屬性的元素
$("div[id]").show(3000);
})*/
/* $(function(){ //顯示所有屬性title的值是"A"的元素
$("div[title='A']").show(3000);
})*/
/* $(function(){ //顯示所有屬性title的值不是"A"的元素
$("div[title!='A']").show(3000);
})*/
/* $(function(){ //顯示所有屬性title的值以"A"開始的元素
$("div[title^='A']").show(3000);
})*/
/* $(function(){ //顯示所有屬性title的值以"C"結束的元素
$("div[title$='C']").show(3000);
})*/
/* $(function(){ //顯示所有屬性title的值中含有"B"的元素
$("div[title*='B']").show(3000);
})*/
$(function(){ //顯示所有屬性title的值中含有"B"且屬性id的值是"divAB"的元素
$("div[id='divAB'][title*='B']").show(3000);
})
</script>
</head>
<body>
<div id="divID">ID</div>
<div title="A">Title A</div>
<div id="divAB" title="AB">ID <br />Title AB</div>
<div title="ABC">Title ABC</div>
</body>
</html>

說明：show（）是Jquery庫中得一個顯示元素函數，括號中表示顯示時間，單位是毫秒。show（2000）表示用2000毫秒顯示。