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

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:
  • jQuery .attr()和.removeAttr()方法操作元素属性示例
  • jQuery中attr()和prop()在修改checked属性时的区别
  • jQuery获取attr()与prop()属性值的方法及区别介绍
  • Jquery attr()方法 属性赋值和属性获取详解
  • jquery attr()设置和获取属性值实例教程
  • 详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
  • 关于jquery中attr()和prop()方法的区别
  • jQuery中.attr()和.data()的区别分析
  • 详谈jQuery中使用attr(), prop(), val()获取value的异同
  • jquery更改元素属性attr()方法操作示例

转载请注明出处:http://www.gztaineng.com/article/20230526/192228.html