下面是 "jQuery prop()的例子" 的完整攻略：
1. jQuery prop() 函数
jQuery prop() 函数用于获取或设置HTML元素的属性值。prop()函数具有以下语法：
$(selector).prop(PropertyName, Value)
其中，PropertyName 表示属性的名称，Value 表示需要设置的值。如果不需要设置值，可以省略该参数。
2. 获取属性值
可以使用prop()函数获取HTML元素属性的当前值。下面的示例代码创建了一个按钮，并在点击按钮时获取按钮的disbaled属性值。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var status = $("input").prop("disabled");
alert(status);
});
});
</script>
</head>
<body>
<input type="text" disabled>
<button>获取属性值</button>
</body>
</html>
在上面的示例中，我们使用prop()函数获取输入框的disabled属性值，并在点击按钮时通过弹出框显示这个值。如果输入框被禁用，则显示true，否则显示false。
3. 设置属性值
可以使用prop()函数设置HTML元素属性的值。下面的示例代码创建了一个按钮，并在点击按钮时通过prop()来设置按钮的disabled属性。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("input").prop("disabled", true);
});
});
</script>
</head>
<body>
<input type="text">
<button>禁用输入框</button>
</body>
</html>
在上面的示例中，我们创建了一个按钮，在点击按钮时使用prop()函数将输入框的disabled属性设置为true，实现了禁用输入框的效果。
4. 结论
通过以上的示例，我们可以看出prop()函数在获取和设置HTML元素属性方面极为方便，可以为web开发提供更多便利。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jQuery prop()的例子 - Python技术站
微信扫一扫 
支付宝扫一扫 