编程 Javascript

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

Posted in Javascript onMarch 26, 2015

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

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

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

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

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

- Author -

上大王

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript 乱码问题

Aug 06 Javascript

轻轻松松学JS调试（不下载任何工具）

Apr 14 Javascript

jQuery)扩展jQuery系列之一模拟alert，confirm（一）

Dec 04 Javascript

JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码

Feb 02 Javascript

jquery实现鼠标拖动图片效果示例代码

Jan 09 Javascript

2则自己编写的jQuery特效分享

Feb 26 Javascript

谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法

Dec 03 Javascript

JavaScript伪数组用法实例分析

Dec 22 Javascript

在Vue组件中获取全局的点击事件方法

Sep 06 Javascript

p5.js实现动态图形临摹

Oct 23 Javascript

WEB前端性能优化的7大手段详解

Feb 04 Javascript

在JavaScript中如何使用宏详解

May 06 Javascript

jQuery使用prepend()方法在元素前添加内容用法实例

Mar 26 #Javascript

jQuery使用append在html元素后同时添加多项内容的方法

Mar 26 #Javascript

jQuery使用before()和after()在元素前后添加内容的方法

Mar 26 #Javascript

jQuery使用after()方法在元素后面添加多项内容的方法

Mar 26 #Javascript

jQuery使用empty()方法删除元素及其所有子元素的方法

Mar 26 #Javascript

jquery使用remove()方法删除指定class子元素

Mar 26 #Javascript

jQuery使用removeClass方法删除元素指定Class的方法

Mar 26 #Javascript