jquery 属性
jQuery 属性操作
jQuery 提供了多种方法来操作 HTML 元素的属性，包括获取、设置、删除属性等。以下是常见的属性操作方法：
attr() 方法
attr() 方法用于获取或设置元素的属性值。获取属性时，传入属性名；设置属性时，传入属性名和值。
// 获取属性值
var href = $("a").attr("href");
// 设置属性值
$("a").attr("href", "https://example.com");removeAttr() 方法
removeAttr() 方法用于删除元素的指定属性。
// 删除属性
$("img").removeAttr("alt");prop() 方法
prop() 方法用于获取或设置元素的属性（尤其是布尔属性，如 checked、disabled）。
// 获取属性值
var isChecked = $("input[type='checkbox']").prop("checked");
// 设置属性值
$("input[type='checkbox']").prop("checked", true);val() 方法
val() 方法用于获取或设置表单元素的值（如 input、select、textarea）。
// 获取值
var inputValue = $("input").val();
// 设置值
$("input").val("New Value");data() 方法
data() 方法用于在元素上存储或读取自定义数据（通过 data-* 属性）。
// 存储数据
$("div").data("key", "value");
// 读取数据
var storedValue = $("div").data("key");html() 和 text() 方法
html() 方法用于获取或设置元素的 HTML 内容，text() 方法用于获取或设置元素的文本内容。
// 获取 HTML 内容
var htmlContent = $("div").html();
// 设置 HTML 内容
$("div").html("<p>New content</p>");
// 获取文本内容
var textContent = $("div").text();
// 设置文本内容
$("div").text("New text");操作 CSS 类
jQuery 提供了操作 CSS 类的方法，如 addClass()、removeClass()、toggleClass() 和 hasClass()。
// 添加类
$("div").addClass("highlight");
// 移除类
$("div").removeClass("highlight");
// 切换类
$("div").toggleClass("highlight");
// 检查类是否存在
var hasClass = $("div").hasClass("highlight");操作样式
css() 方法用于获取或设置元素的 CSS 样式。
// 获取样式
var color = $("div").css("color");
// 设置样式
$("div").css("color", "red");注意事项
attr()和prop()的区别：attr()操作的是 HTML 属性，而prop()操作的是 DOM 属性。对于布尔属性（如checked），推荐使用prop()。data()方法存储的数据不会反映在 HTML 的data-*属性中，而是存储在 jQuery 的内部对象中。
