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程序设计有所帮助。

Javascript 相关文章推荐
jquery1.83 之前所有与异步列队相关的模块详细介绍
Nov 13 Javascript
jquery Tab效果和动态加载的简单实例
Dec 11 Javascript
JavaScript实现的MD5算法完整实例
Feb 02 Javascript
javascript原型继承工作原理和实例详解
Apr 07 Javascript
Javascript 5种方法实现过滤删除前后所有空格
Jun 22 Javascript
AngularJS教程之简单应用程序示例
Aug 16 Javascript
vue开发心得和技巧分享
Oct 27 Javascript
简述JS控制台的使用
Jul 15 Javascript
小程序云开发部署攻略(图文教程)
Oct 30 Javascript
layui表格内容溢出的解决方法
Sep 06 Javascript
微信小程序实现音乐播放器
Nov 20 Javascript
JavaScript 正则应用详解【模式、欲查、反向引用等】
May 13 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
You might like
php中利用explode函数分割字符串到数组
2014/02/08 PHP
JavaScript实现滚动栏效果的方法
2015/04/27 PHP
在Yii2中使用Pjax导致Yii2内联脚本载入失败的原因分析
2016/03/06 PHP
PHP基于phpqrcode类生成二维码的方法示例详解
2020/08/07 PHP
js几个不错的函数 $$()
2006/10/09 Javascript
Javascript实现CheckBox的全选与取消全选的代码
2010/07/20 Javascript
JS获取单击按钮单元格所在行的信息
2014/06/17 Javascript
浅谈javascript中createElement事件
2014/12/05 Javascript
JS获取时间的方法
2015/01/21 Javascript
jquery 根据name名获取元素的value值
2015/02/27 Javascript
简介JavaScript中的setTime()方法的使用
2015/06/11 Javascript
Bootstarp风格的toggle效果分享
2016/02/23 Javascript
NodeJS连接MongoDB数据库时报错的快速解决方法
2016/05/13 NodeJs
浅析jQuery中使用$所引发的问题
2016/05/29 Javascript
nodeJS实现简单网页爬虫功能的实例(分享)
2017/06/08 NodeJs
vue组件父与子通信详解(一)
2017/11/07 Javascript
对mac下nodejs 更新到最新版本的最新方法(推荐)
2018/05/17 NodeJs
浅析vue-router jquery和params传参(接收参数)$router $route的区别
2018/08/03 jQuery
解决VUE中document.body.scrollTop为0的问题
2018/09/15 Javascript
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
2018/12/19 Javascript
Javascript文本框脚本实现方法解析
2020/10/30 Javascript
使用Python编写Prometheus监控的方法
2018/10/15 Python
Python %r和%s区别代码实例解析
2020/04/03 Python
CSS3 开发工具收集
2010/04/17 HTML / CSS
Html5之webcoekt播放JPEG图片流
2020/09/22 HTML / CSS
面向中国市场的在线海淘美妆零售网站:Beauty House美丽屋
2021/03/02 全球购物
C++:memset ,memcpy和strcpy的根本区别
2013/04/27 面试题
成龙霸王洗发水广告词
2014/03/14 职场文书
保险公司年会主持词
2014/03/22 职场文书
厨师个人自我鉴定范文
2014/04/19 职场文书
领导班子个人对照检查材料(群众路线)
2014/09/26 职场文书
环境卫生标语
2015/08/03 职场文书
《蚂蚁和蝈蝈》教学反思
2016/02/22 职场文书
企业管理不到位检讨书
2019/06/27 职场文书
超详细教你怎么升级Mysql的版本
2021/05/19 MySQL
了解Redis常见应用场景
2021/06/23 Redis