jquery通过id获取元素

jQuery通过ID获取元素的方法

使用jQuery通过ID获取元素是最常见的操作之一，以下是具体实现方式：

基本语法
通过$()函数结合ID选择器获取元素，ID选择器以#开头：

var element = $("#elementId");

示例代码
假设HTML中存在一个ID为myDiv的元素：

<div id="myDiv">Hello World</div>

通过jQuery获取并操作该元素：

$("#myDiv").css("color", "red"); // 修改文字颜色为红色
$("#myDiv").text("New Text");    // 修改文本内容

注意事项

1. ID选择器是唯一的，页面中不应存在重复ID。
2. 若ID包含特殊字符（如.或:），需使用转义符号\\：

   $("#address\\.street").hide();

3. 返回的是jQuery对象，不是原生DOM元素。需通过get(0)或[0]转为原生对象：

   var domElement = $("#myDiv")[0];

性能优化
直接使用原生document.getElementById比jQuery选择器更快，但在需要链式操作时仍推荐jQuery方式。

链式操作示例

$("#myDiv")
  .addClass("highlight")
  .fadeOut(1000)
  .fadeIn(500);