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 相关文章推荐
Javascript 各浏览器的 Javascript 效率对比
Jan 23 Javascript
Jquery 学习笔记(一)
Oct 13 Javascript
遍历jquery对象的代码分享
Nov 02 Javascript
jQuery中bind与live的用法及区别小结
Jan 27 Javascript
JS根据生日算年龄的方法
May 05 Javascript
Bootstrap精简教程
Nov 27 Javascript
浅析$.getJSON异步请求和同步请求
Jun 06 Javascript
jQuery实现贪吃蛇小游戏(附源码下载)
Mar 04 Javascript
JS操作xml对象转换为Json对象示例
Mar 25 Javascript
js实现京东轮播图效果
Jun 30 Javascript
javascript计算对象长度的方法
Oct 25 Javascript
微信小程序实现弹框效果
May 26 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
jq的get传参数在utf-8中乱码问题的解决php版
2008/07/23 PHP
ThinkPHP 表单自动验证运用示例
2014/10/13 PHP
Nginx下ThinkPHP5的配置方法详解
2017/08/01 PHP
php实现的后台表格分页功能示例
2017/10/23 PHP
PHP实现对数字分隔加千分号的方法
2019/03/18 PHP
jquery.boxy插件的iframe扩展代码
2010/07/02 Javascript
Javascript拓展String方法小结
2013/07/08 Javascript
通过复制Table生成word和excel的javascript代码
2014/01/20 Javascript
javascript获取系统当前时间的方法
2015/11/19 Javascript
JS获取鼠标选中的文字
2016/08/10 Javascript
微信小程序 radio单选框组件详解及实例代码
2017/01/10 Javascript
Vue中img的src属性绑定与static文件夹实例
2017/05/18 Javascript
Vue实现选择城市功能
2017/05/27 Javascript
JS实现分页浏览横向图片(类轮播)实例代码
2017/11/06 Javascript
vue中element组件样式修改无效的解决方法
2018/02/03 Javascript
vue基于mint-ui实现城市选择三级联动
2020/06/30 Javascript
JS获取月的第几周和年的第几周实例代码
2018/12/05 Javascript
vue路由守卫+登录态管理实例分析
2019/05/21 Javascript
微信小程序 textarea 层级过高问题简单解决方案
2019/10/14 Javascript
Node.js API详解之 vm模块用法实例分析
2020/05/27 Javascript
基于openlayers实现角度测量功能
2020/09/28 Javascript
[01:35]辉夜杯战队访谈宣传片—LGD
2015/12/25 DOTA
Python编程实现生成特定范围内不重复多个随机数的2种方法
2017/04/14 Python
Python使用progressbar模块实现的显示进度条功能
2018/05/31 Python
pytorch训练imagenet分类的方法
2018/07/27 Python
Python爬虫将爬取的图片写入world文档的方法
2018/11/07 Python
浅析python中while循环和for循环
2019/11/19 Python
python中的错误如何查看
2020/07/08 Python
罗马尼亚在线杂货店:Pilulka.ro
2019/09/28 全球购物
计算机专业大学生的自我评价
2013/11/14 职场文书
优秀村官事迹材料
2014/01/10 职场文书
大学活动邀请函
2014/01/28 职场文书
岳麓书院导游词
2015/02/03 职场文书
2015年维修工作总结
2015/04/25 职场文书
业务员管理制度范本
2015/08/06 职场文书
简单聊聊Vue中的计算属性和属性侦听
2021/10/05 Vue.js