jQuery #id选择器用法指南

#id选择器指定要选择的元素的ID。它不能以数字开头, 并且id属性在文档中必须唯一, 这意味着它只能使用一次。
语法如下：

$("#id")

参数：

ID：元素的特定ID。

示例1：

< !DOCTYPE html> < html > < head > < script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" > < / script > < script > $(document).ready(function() { $("#Geeks").css("background-color", "red"); }); < / script > < / head > < body > < h1 > GEEKS FOR GEEKS< / h1 > < p id = "Geeks" > jQuery|#id selector < / p > < / body > < / html >

输出如下：

文章图片
示例2：

< !DOCTYPE html> < html lang = "en" > < head > < meta charset = "utf-8" > < title > ID< / title > < style > div { width: 100px; height: 100px; float: left; padding: 10px; margin: 10px; background-color: pink; } < / style > < script src = "https://code.jquery.com/jquery-1.10.2.js" > < / script > < / head > < body > < div id = "DIV1" > < p > id="DIV1"< / p > < / div > < div id = "DIV2" > id="DIV2"< / div > < script > $("#DIV2").css("border", "2px solid yellow"); < / script > < / body > < / html >

输出如下：