ID Selector (“#id”)
id selector
version added: 1.0jQuery('#id')
- id
- 一個用來搜索的ID，通過指定一個元素的id屬性。
描述： 選擇一個具有給定id屬性的單個元素。
對于ID選擇，jQuery使用JavaScript函數(shù)document.getElementById()，這是非常有效的。當(dāng)另一個選擇是附加的ID選擇器，比如h2#pageTitle，在確定作為匹配的元素前，jQuery執(zhí)行一個額外的檢查。
一如往常，記得作為一個開發(fā)者，你的時間通常是最寶貴的資源。不要注重速度優(yōu)化的選擇器，除非它很清楚，性能也需要改進。
每個id值必須是在一個文件中只能使用一次。如果一個以上的元素分配了相同的ID，查詢將只選擇該ID第一個匹配的DOM元素。但這種行為不應(yīng)該發(fā)生;有超過一個元素的文件使用相同的ID是無效的。
如果ID包含如時間或冒號字符，你必須將 這些字符反斜杠轉(zhuǎn)義.
Examples:
Example: Finds the element with the id "myDiv".
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 90px;
height: 90px;
float:left;
padding: 5px;
margin: 5px;
background-color: #EEEEEE;
}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<div id="notMe"><p>id="notMe"</p></div>
<div id="myDiv">id="myDiv"</div>
<script>$("#myDiv").css("border","3px solid red");</script>
</body>
</html>Demo:
Example: Finds the element with the id "myID.entry[1]". See how certain characters must be escaped with backslashes.
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 300px;
float:left;
padding: 2px;
margin: 3px;
background-color: #EEEEEE;
}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<div id="myID.entry[0]">id="myID.entry[0]"</div>
<div id="myID.entry[1]">id="myID.entry[1]"</div>
<div id="myID.entry[2]">id="myID.entry[2]"</div>
<script>$("#myID\\.entry\\[1\\]").css("border","3px solid red");</script>
</body>
</html>