jQuery是一種廣泛使用的JavaScript庫,在開發過程中,我們經常需要選擇某個HTML元素并對其進行操作。這時,id選擇器就派上了用場。
在jQuery中,可以使用$("#id")
來選取擁有特定id的元素。例如:
<html><head><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script></head><body><div id="message"></div><script>var msg = $("#message"); msg.text("Hello World!"); </script></body></html>
在以上示例代碼中,我們選取了id為“message”的div元素,并通過.text()
方法在其中添加了一段文本。這里的msg
變量,其實就是一個jQuery對象。
注意在使用id選擇器時,需要用#
符號來指定元素的id。如果沒有符號,那么選擇器會將這個名稱視為一個標簽名,而不是一個id。
另外,id名在同一HTML文檔中是唯一的,不應重復使用。因為如果有多個元素擁有相同的id,那么jQuery只會選取第一個匹配的元素,而其它元素則被忽略。