jQuery 属性
jQuery 属性
jQuery 是一种 JavaScript 库，具有许多强大的特性，它是实现 Web 页面交互效果的强大工具。jQuery 特别擅长修改、添加或删除 HTML 元素的属性，因此，属性是 jQuery 中最基本的操作之一。
获取属性
我们可以使用 jQuery 中的 attr() 方法获取元素的属性值。该方法的语法如下：
$(selector).attr(attribute)
其中，selector 是要获取属性值的 HTML 元素的选择器，attribute 是要获取的属性名称。如果要获取多个属性值，可以在 attribute 中使用多个属性，用逗号隔开。
设置属性
设置属性值也是通过使用 attr() 方法来实现的。该方法的语法如下：
$(selector).attr(attribute, value)
其中，selector 是要设置属性值的 HTML 元素的选择器，attribute 是要设置的属性名称，value 是要设置的属性值。如果要设置多个属性值，可以重复使用该方法。
删除属性
如果不需要某个属性，可以使用 removeAttr() 方法来删除它。该方法的语法如下：
$(selector).removeAttr(attribute)
其中，selector 是要删除属性的 HTML 元素的选择器，attribute 是要删除的属性名称。
获取或设置属性的值
对于 HTML 元素的某些属性，比如 value、src、alt 等，可以直接使用属性值来获取或设置它们的值，而不需要使用 attr() 方法。例如：
$(selector).val() // 获取 input 元素的 value 值
$(selector).val(value) // 设置 input 元素的 value 值
$(selector).html() // 获取元素的 HTML 内容
$(selector).html(html) // 设置元素的 HTML 内容
$(selector).text() // 获取元素的纯文本内容
$(selector).text(text) // 设置元素的纯文本内容
属性的链式操作
jQuery 的最大特色之一就是支持链式操作，因此对于属性的获取、设置和删除操作，可以使用链式调用来简化代码。例如：
$(selector)
.attr(attribute, value)
.removeAttr(attribute)
.addClass(class)
.removeClass(class)
以上代码实现了对 HTML 元素的属性操作，同时还添加或删除了元素的 class，所有操作都作为一个链式调用完成。
实例
HTML 页面部分代码如下：
<div id="test" class="box" title="test">Test</div>
获取元素属性值：
let title = $("#test").attr("title");
console.log(title); // 输出：test
设置元素属性值：
$("#test").attr("title", "new title");
获取和设置元素的 value、HTML 内容和纯文本：
let value = $("input").val(); // 获取 input 元素的 value 值
$("input").val("new value"); // 设置 input 元素的 value 值
let html = $("#test").html(); // 获取元素的 HTML 内容
$("#test").html("<strong>New test</strong>"); // 设置元素的 HTML 内容
let text = $("#test").text(); // 获取元素的纯文本内容
$("#test").text("New test"); // 设置元素的纯文本内容
删除元素的 class 和 title 属性：
$("#test")
.removeClass("box")
.removeAttr("title");
结论
本文介绍了 jQuery 中操作 HTML 元素属性的基本方法及实例。属性是 jQuery 操作元素最基本的方式之一，我们可以通过获取、设置或删除属性的值来实现各种功能，同时也能够方便地使用链式操作来完成多项操作。