概述
符合給定的屬性是某個特定值的元素
參數
attributeStringV1.0
屬性名稱
value StringV1.0
屬性值。引號在大多數情況下是可選的。但在遇到諸如屬性值包含"]"時，用以避免衝突。
範例
描述:
找出所有name 屬性是newsletter 的input 元素
HTML 程式碼:
<input type="checkbox" name="newsletter" value="Hot Fuzz" /> <input type="checkbox" name="newsletter" value="Cold Fusion" /> <input type="checkbox" name="accept" value="Evil Plans" />
jQuery 程式碼:
$("input[name='newsletter']").attr("checked", true);結果:
[ <input type="checkbox" name="newsletter" value="Hot Fuzz" checked="true" />, <input type="checkbox" name="newsletter" value="Cold Fusion" checked="true" /> ]
此選擇器能夠匹配帶有給定屬性和屬性值的元素。
語法結構:
$("[attribute=value]")實例程式碼:
實例一:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>[attribute=value]选择器</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("li[id=third]").css("color","blue");
})
})
</script>
</head>
<body>
<ul>
<li id="first">html专区</li>
<li id="second">Jquery专区</li>
</ul>
<ul>
<li id="third">欢迎来到PHP中文网</li>
<li>PHP中文网欢迎您</li>
</ul>
<button>点击查看效果</button>
</body>
</html>以上程式碼可以li元素中id屬性值為third的li元素中的文字顏色設定為藍色。
實例二:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>[attribute=value]选择器</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("li[id=thi]rd]").css("color","blue");
})
})
</script>
</head>
<body>
<ul>
<li id="first">html专区</li>
<li id="second">Jquery专区</li>
</ul>
<ul>
<li id="thi]rd">欢迎来到PHP中文网</li>
<li>PHP中文网欢迎您</li>
</ul>
<button>点击查看效果</button>
</body>
</html>以上是jQuery中[attribute=value]選擇器的使用案例的詳細內容。更多資訊請關注PHP中文網其他相關文章！
