jQuery按ID选择
时间：2020-02-23 14:46:13 来源:igfitidea点击:
jQuery按ID选择可以让您找到具有其属性值" ID"的特定HTML元素。
您可以通过使元素的ID唯一来选择元素并对其执行预期的操作。
jQuery按ID选择
这是使用jQuery按ID选择的一般语法：
$("#ID")
ID可以是HTML元素的id属性中提供的任何值。
您应该在选择器中使用#后跟ID。
例如，如果文档中有一个HTML元素，例如<div id =" text">一些文本</div>，则$("#text")将选择id等于" text"的div并执行预期的操作对其采取行动。
这个jquery选择器的主要重要性是，我们将通过其唯一ID对每个元素进行单独控制，并且操作将仅影响该元素。
jQuery按ID选择示例
此示例演示了如何使用jQuery select by id以及如何更改选定元素CSS样式。
<html>
<head>
<title>jQuery select by ID</title>
<style>
div {
width: 80px;
height: 80px;
float: left;
padding: 10px;
margin: 10px;
background-color: #eee;
}
</style>
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
</head>
<body>
<div id="div1"><p>id="div1"</p></div>
<div id="div2"><p>id="div2"</p></div>
<script>
$( "#div1" ).css( "border", "5px solid green" );
</script>
</body>
</html>
在此示例中，您可以看到选择了id ='div1'的<div>元素进行操作。
