添加和删除属性(prop和removeProp)

最新推荐文章于 2023-05-10 19:34:54 发布

原创最新推荐文章于 2023-05-10 19:34:54 发布 · 2.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#web前端

web前端专栏收录该内容

18 篇文章

订阅专栏

本文通过一个示例展示了如何使用jQuery中的prop()函数来为DOM元素添加属性，并使用removeProp()函数来移除已添加的属性。该示例中，作者尝试修改了一个div元素的font-weight属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本人在看到prop()这个函数比较陌生，于是就学习并改写了这个函数

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>添加和删除属性(prop和removeProp)</title>
<script src="./jquery-3.1.0.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var a=$("div");
a.prop("font-weight","20px");
a.append("font-weight:"+a.prop("font-weight")+"</br>");
a.removeProp("font-weight");
a.append("font-weight:"+a.prop("font-weight")+"</br>");
})
})
</script>
</head>
<body style="background-color:red;color:blue">
<button>add and delete</button>
<div></div>

</body>

运行结果截图：

</html>