jQuery是一种JavaScript库，它提供了一种简单的方法来添加HTML属性。在jQuery中，有几种添加HTML属性的方法，比如attr()、prop()、css()、data()等。
attr()方法
attr()方法可用于获取或设置HTML元素的属性值，它可以接受两个参数，第一个参数是属性名称，第二个参数是属性值。如果只传递一个参数，则会返回该属性的值。
// 设置HTML元素的属性值
$("#element").attr("name","value");
// 获取HTML元素的属性值
var value = $("#element").attr("name");
prop()方法
prop()方法也可用于获取或设置HTML元素的属性值，它可以接受两个参数，第一个参数是属性名称，第二个参数是属性值。如果只传递一个参数，则会返回该属性的值。与attr()方法不同的是，prop()方法可以设置和获取一些HTML元素的特殊属性，比如checked、selected等。
// 设置HTML元素的属性值
$("#element").prop("name","value");
// 获取HTML元素的属性值
var value = $("#element").prop("name");
css()方法
css()方法可用于获取或设置HTML元素的CSS样式，它可以接受两个参数，第一个参数是CSS属性名称，第二个参数是CSS属性值。如果只传递一个参数，则会返回该CSS属性的值。
// 设置HTML元素的CSS样式
$("#element").css("name","value");
// 获取HTML元素的CSS样式
var value = $("#element").css("name");
data()方法
data()方法可用于获取或设置HTML元素的数据属性，它可以接受两个参数，第一个参数是数据属性名称，第二个参数是数据属性值。如果只传递一个参数，则会返回该数据属性的值。
// 设置HTML元素的数据属性
$("#element").data("name","value");
// 获取HTML元素的数据属性
var value = $("#element").data("name");
是attr()、prop()、css()和data()，它们都可以用于获取或设置HTML元素的属性值，但是它们的功能不尽相同，你可以根据自己的需要来选择合适的方法。