jQuery | prop() 示例

prop()是jQuery中的一个方法，用于获取或设置特定元素的属性值。在本文中，我们将介绍如何使用prop()方法来获取和设置元素的属性值，并提供一些示例代码进行演示。

获取元素属性值

要获取特定元素的属性值，我们可以使用以下方式：

// 获取元素的属性值
var value = $("selector").prop("attribute");

在上面的代码中，selector是我们要获取属性值的元素的选择器，attribute是我们要获取的属性值。

例如，要获取一个复选框的checked属性值，我们可以这样写：

// 获取复选框的checked属性值
var isChecked = $("input[type='checkbox']").prop("checked");

设置元素属性值

如果要设置元素的属性值，我们可以使用以下方式之一：

// 通过prop()方法设置属性值
$("selector").prop("attribute", value);

// 通过attr()方法设置属性值
$("selector").attr("attribute", value);

在上面的代码中，selector是我们要设置属性值的元素的选择器，attribute是我们要设置的属性值，value是属性值的值。注意，在设置属性值时，我们可以使用prop()方法或attr()方法。

例如，要将一个文本框的readonly属性设置为true，我们可以这样写：

// 将文本框的readonly属性设置为true
$("input[type='text']").prop("readonly", true);

示例代码

下面是一些使用prop()方法的示例代码：

// 获取单选框的checked属性值
var isChecked = $("input[type='radio']").prop("checked");

// 将下拉列表中第一个选项的disabled属性设置为true
$("select option:nth-child(1)").prop("disabled", true);

// 获取文本框的maxlength属性值
var maxLength = $("input[type='text']").prop("maxlength");

// 将复选框的checked属性设置为false
$("input[type='checkbox']").prop("checked", false);

总结

prop()方法是一个非常有用的jQuery方法，可以用于获取或设置特定元素的属性值。在此处提供的示例代码可以帮助您开始使用此方法并提高您的jQuery编程技能。