当前位置:Gxlcms > JavaScript > jQuery使用attr()方法同时设置多个属性值用法实例

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

时间:2021-07-01 10:21:17 帮助过:44人阅读

本文实例讲述了jQuery使用attr()方法同时设置多个属性值的用法。分享给大家供大家参考。具体如下:

下面这个演示例子可通过点击按钮实现修改链接与提示的功能。

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $("#w3s").attr({
   "href" : "//www.gxlcms.com/list/list_172_1.htm",
   "title" : "jb51.net"
  });
 });
});
</script>
</head>
<body>
<p><a href="//www.gxlcms.com/list/list_172_1.htm" id="w3s">jb51.net</a></p>
<button>点此改变链接与提示</button>
<p>鼠标滑过链接即可看到链接与提示信息已被更改.</p>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

人气教程排行