jQuery是一个广泛使用的JavaScript库，它提供了许多简化DOM操作的方法。在jQuery中，有两种用于操作元素的值的方法：属性和道具。
属性
属性是HTML元素的原生属性，如class、id、href等。在jQuery中，通过.attr()方法来获取或设置元素属性的值。例如，我们可以使用以下代码来获取一个链接的href属性值：
$("a").attr("href"); // 返回该元素的href属性值同样地，我们也可以使用.attr()方法来设置元素的属性值：
$("img").attr("src", "image.png"); // 设置所有图片的src属性为image.png需要注意的是，使用.attr()方法只能获取或设置HTML元素上的属性值，而不能获取或设置DOM对象的属性值。
道具
道具是jQuery定义的一个概念，它是指在JavaScript对象上定义的属性。在jQuery中，通过.prop()方法来获取或设置元素的道具值。例如，我们可以使用以下代码来获取checkbox元素的checked道具值：
$("#myCheckbox").prop("checked"); // 返回该checkbox元素的checked道具值同样地，我们也可以使用.prop()方法来设置元素的道具值：
$("#myCheckbox").prop("checked", true); // 将该checkbox元素的checked道具值设置为true与属性不同，使用.prop()方法可以获取或设置DOM对象的道具值。
区别与联系
虽然属性和道具看起来很相似，但它们各自的应用场景是不同的。通常情况下，我们应该使用.prop()方法来获取或设置元素的值，因为道具更准确地反映了DOM对象的状态。然而，在某些情况下，如操作HTML5的自定义数据属性时，我们必须使用.attr()方法。
另外，需要注意的是，在jQuery 1.6版本之前，使用.attr()方法获取或设置checkbox和radio元素的状态会存在兼容性问题。这是因为在早期版本中，使用.attr()方法获取这些元素的状态返回的是属性值，而非道具值。因此，如果您需要操作checkbox或radio元素的状态，请务必使用.prop()方法。
示例代码
以下是一个简单的示例代码，演示了如何使用.attr()方法和.prop()方法来获取或设置元素的属性或道具值：
-- -------------------- ---- ------- --------- ----- ------ ------ --------------------------- -------- ---------------------------------------------------------------------------- ------- ------ --- ------------------------------------------ ----- ---------------- ------- --------------- ---------------- ------- ------------------- ---------------- --------- ---- ----------- ----- -------- - -------------------- ------------------------ -- -------------------------- ---- ------------ ---------------------- ----------------- ---- --------------------- ----- --------- - --------------------------------- ------------------------- -- -------- ---- --------------------- ---------------------------------- ------ ---------- ------- -------
以上代码中，我们使用了.attr()方法来获取一个链接的href属性值，并使用.prop()方法来获取和设置一个checkbox元素的checked道具值。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11093
