jquery根据id获取对象

jQuery 根据 ID 获取对象

在 jQuery 中，可以通过 ID 选择器快速获取 DOM 对象。ID 选择器使用 # 符号加上元素的 ID 名称。

语法示例：

var element = $('#elementId');

获取到的是一个 jQuery 对象，可以直接调用 jQuery 的方法进行操作。如果需要转为原生 DOM 对象，可以通过以下方式：

var domElement = $('#elementId')[0];
// 或者
var domElement = $('#elementId').get(0);

使用示例

假设 HTML 中有如下元素：

<div id="myDiv">这是一个 div 元素</div>

jQuery 代码可以这样写：

// 获取 jQuery 对象
var $myDiv = $('#myDiv');

// 修改文本内容
$myDiv.text('修改后的内容');

// 添加 CSS 类
$myDiv.addClass('highlight');

// 获取原生 DOM 对象
var myDiv = $myDiv[0];
console.log(myDiv.innerHTML);

注意事项

ID 在页面中应该是唯一的，如果页面中存在多个相同 ID 的元素，jQuery 只会返回第一个匹配的元素。

jQuery 的 ID 选择器性能很高，因为它底层使用了原生的 document.getElementById() 方法。