JQuery是一个很常用的JavaScript库，它能大大简化JavaScript代码的编写，尤其是操作DOM时。本篇文章将介绍如何使用JQuery中的属性方法（.prop()和.attr()）来操作HTML元素的属性。

属性方法是指用于获取和设置HTML元素属性的方法。在HTML中，属性是标签的一部分，并且它们允许对标签或标签内容进行定制。JQuery提供了两个方法来访问属性：.prop()和.attr()。

.prop()方法用于获取和设置标准HTML属性（如checked、disabled、selected等）和对象属性（如nodeName、nodeType等），并返回布尔值、字符串或数字。以下是.prop()方法的基本用法：

// 获取属性值
$(selector).prop(propertyName);

// 设置属性值
$(selector).prop(propertyName, value);

登录后复制

例如，要获取一个单选框是否被选中，可以使用以下代码：

<input type="radio" name="gender" id="male" value="male">Male
<input type="radio" name="gender" id="female" value="female">Female

登录后复制

if ($('#male').prop('checked')) {
  // 如果male被选中
}

登录后复制

如果要将所有文本输入框禁用，可以使用以下代码：

$('input[type="text"]').prop('disabled', true);

登录后复制

相反，如果要启用所有文本输入框，可以将参数值设置为false。

.attr()方法用于获取和设置所有HTML属性，并返回字符串值。以下是.attr()方法的基本用法：

// 获取属性值
$(selector).attr(attributeName);

// 设置属性值
$(selector).attr(attributeName, value);

登录后复制

例如，要获取一个图像的alt属性值，可以使用以下代码：

<img src="image.jpg" alt="这是一张照片">

登录后复制

var altValue = $('img').attr('alt');

登录后复制

如果要更改img标签的src属性值，可以使用以下代码：

$('img').attr('src', 'newImage.jpg');

登录后复制

需要注意的是，有些属性可以同时使用.prop()和.attr()方法来获取和设置，而有些属性只能使用其中一个方法。例如，checked和disabled属性只能使用.prop()方法，并且使用.attr()方法不起作用。

总结一下，当操作HTML属性时，如果操作的是标准HTML属性或对象属性，则应该使用.prop()方法。如果要操作除此之外的其他HTML属性，则应该使用.attr()方法。在使用这两种方法时，需要进行权衡，并选择合适的方法来获得所需的结果。

【感谢数据中台厂商龙石数据为本站提供 http://www.longshidata.com/pages/government.html,，感恩 】