jQuery prop()

prop() 方法是指返回指定属性的值。属性可以是 HTML 属性或者自定义属性。

语法

$(selector).prop(propertyName);

或者

$(selector).prop(propertyName, value);

或者

$(selector).prop(properties);

参数

• propertyName：要获取或设置的属性的名称。
• value：要设置的属性值。
• properties：要设置的属性名称和值的对象。

返回值

• 当使用一个参数时，prop() 方法返回指定属性的值。
• 当使用两个参数时，prop() 方法设置指定属性的值，并返回当前元素的 jQuery 对象。
• 当使用三个参数时，prop() 方法设置多个属性的值，并返回当前元素的 jQuery 对象。

例子

1. 获取属性值

$(document).ready(function(){
  $("button").click(function(){
    alert("Checkbox value: " + $("input[type='checkbox']").prop("checked"));
  });
});

2. 设置属性值

$(document).ready(function(){
  $("button").click(function(){
    $("input[type='checkbox']").prop("checked", true);
  });
});

3. 设置多个属性值

$(document).ready(function(){
  $("button").click(function(){
    $("input[type='checkbox']").prop({
      "checked": true,
      "disabled": false
    });
  });
});

总结

使用prop()方法来获取或设置元素的属性值非常方便。您可以在单个属性的基础上设置多个属性。此外，您可以使用其他的 jQuery 方法来获取或设置元素的属性，例如attr()、data()、val()等。