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 编程实践中设置多属性有所帮助。
作者最新文章
免登录快速分享代码:适合面试协作的轻量级JS在线运行工具推荐
2026-11-05 14:45:59
JS空字符串和纯空格转浮点数的结果是什么
2026-11-05 11:04:42
JS在线格式化缩进混乱怎么办?配置项调整技巧
2026-11-04 23:27:25
JS怎么获取秒级时间戳
2026-11-03 21:45:29
JS时间戳怎么从毫秒转换为秒
2026-11-03 20:04:14
