本文介绍 jQuery 中 attr() 方法同时设置多个属性值的用法。通过点击按钮触发事件,利用对象形式传入键值对,可一次性修改链接地址(href)和提示文本(title)。示例代码展示了完整的 HTML 结构与 JavaScript 实现逻辑,适合需要批量更新元素属性的开发者参考。
jQuery 同时设置多个属性值示例
本文通过具体示例,演示如何利用 jQuery 的 attr() 方法一次性为元素设置多个属性值,供读者参考学习。
以下示例展示了点击按钮后,如何动态修改链接地址及鼠标悬停时的提示文本。
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#w3s").attr({
"href" : "https://www.jb51.net/list/list_172_1.htm",
"title" : "jb51.net"
});
});
});
</script>
</head>
<body>
<p><a href="https://www.jb51.net/list/list_172_1.htm" id="w3s">jb51.net</a></p>
<button>点此改变链接与提示</button>
<p>鼠标滑过链接即可看到链接与提示信息已被更改.</p>
</body>
</html>
希望上述内容能对各位在 jQuery 编程实践中设置多属性有所帮助。