jQuery attr() 方法同时设置多个属性值用法实例

作者:键盘侠时间:2026-10-29 07:38:32浏览:666

本文介绍 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 编程实践中设置多属性有所帮助。

作者最新文章