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

2019-12-18,,,,,,,

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

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

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

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

您可能感兴趣的文章:

  • javascript中setAttribute()函数使用方法及兼容性
  • js中的getAttribute方法使用示例
  • javascript中attribute和property的区别详解
  • JavaScript中setAttribute用法介绍
  • JS getAttribute和setAttribute(取得和设置属性)的使用介绍
  • JavaScript中的property和attribute介绍
  • javascript setAttribute, getAttribute 在不同浏览器上的不同表现
  • js setattribute批量设置css样式
  • Jquery attr()方法 属性赋值和属性获取详解
  • jQuery使用元素属性attr赋值详解
  • JavaScript中的 attribute 和 jQuery中的 attr 方法浅析

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

下载本文的Word格式文档,以方便收藏与打印。