Jquery attr与prop区别

最新推荐文章于 2024-05-04 15:52:42 发布

小李讲源码

最新推荐文章于 2024-05-04 15:52:42 发布

阅读量386

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/ncut_LJD/article/details/51247605

版权

jQuery 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

prop定义和用法

prop() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值时，则返回第一个匹配元素的值。

当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。

注意：prop() 方法应该用于检索属性值，例如 DOM 属性（如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected）。

提示：如需检索 HTML 属性，请使用 attr() 方法代替。

提示：如需移除属性，请使用 removeProp() 方法

prop和attr的区别

<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
  $("#p1").html("attr('checked'): " + $("input").attr('checked')
   + "<br>prop('checked'): " + $("input").prop('checked'));
  });
});
</script>
</head>
<body>

<p><b>Note:</b> Check and uncheck the checkbox and then click the button to refresh content.</p>
<button>Check value of attr() and prop()</button>
<br><br>

<input id="check1" type="checkbox" checked="checked">
<label for="check1">Check me</label>
<p id="p1"></p>

</body>
</html>

<body>

<p><b>Note:</b> Check and uncheck the checkbox and then click the button to refresh content.</p>
<button>Check value of attr() and prop()</button>
<br><br>

<input id="check1" type="checkbox" >//把checked="checked"去掉 其余不变
<label for="check1">Check me</label>
<p id="p1"></p>

</body>