jquery id

jQuery 通过 ID 选择元素

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

语法示例：

$("#elementId")

获取或设置元素内容

通过 ID 选择元素后，可以获取或修改其内容：

// 获取元素内容
var content = $("#myElement").text();

// 设置元素内容
$("#myElement").text("新内容");

修改元素样式

可以直接通过 jQuery 修改元素的 CSS 样式：

$("#myElement").css("color", "red");

绑定事件处理程序

为 ID 对应的元素添加事件监听：

$("#myButton").click(function() {
    alert("按钮被点击");
});

操作元素属性

获取或设置元素的属性：

// 获取属性
var href = $("#myLink").attr("href");

// 设置属性
$("#myLink").attr("href", "https://newurl.com");

注意事项

确保在 DOM 完全加载后再执行 jQuery 代码，可以将代码放在以下结构中：

$(document).ready(function() {
    // jQuery 代码
});

或者使用简写形式：

$(function() {
    // jQuery 代码
});