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 相关文章推荐
使用js简单实现了tree树菜单
Nov 20 Javascript
js设置组合快捷键/tabindex功能的方法
Nov 21 Javascript
jquery动态改变onclick属性导致失效的问题解决方法
Dec 04 Javascript
JS 数字转换研究总结
Dec 26 Javascript
Node.js中HTTP模块与事件模块详解
Nov 14 Javascript
Ubuntu系统下Angularjs开发环境安装
Sep 01 Javascript
移动端利用H5实现压缩图片上传功能
Mar 29 Javascript
js控制文本框禁止输入特殊字符详解
Apr 07 Javascript
详解create-react-app 2.0版本如何启用装饰器语法
Oct 23 Javascript
微信小程序修改checkbox的样式代码实例
Jan 21 Javascript
JS highcharts动态柱状图原理及实现
Oct 16 Javascript
vue 授权获取微信openId操作
Nov 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
win7+apache+php+mysql环境配置操作详解
2013/06/10 PHP
php mb_substr()函数截取中文字符串应用示例
2014/07/29 PHP
php的GD库imagettftext函数解决中文乱码问题
2015/01/24 PHP
php使用unset()删除数组中某个单元(键)的方法
2015/02/17 PHP
php对数组内元素进行随机调换的方法
2015/05/12 PHP
一个tab标签切换效果代码
2009/03/27 Javascript
JQuery 国际象棋棋盘 实现代码
2009/06/26 Javascript
jQuery aminate方法定位到页面具体位置
2013/12/26 Javascript
js检验密码强度(低中高)附图
2014/06/05 Javascript
实用又漂亮的BootstrapValidator表单验证插件
2016/05/30 Javascript
javaScript事件机制兼容【详细整理】
2016/07/23 Javascript
JS正则表达式之非捕获分组用法实例分析
2016/12/28 Javascript
AngularJS constant和value区别详解
2017/02/28 Javascript
js+html制作简单日历的方法
2017/06/27 Javascript
JS加密插件CryptoJS实现的DES加密示例
2018/08/16 Javascript
vue 解决循环引用组件报错的问题
2018/09/06 Javascript
浅谈webpack devtool里的7种SourceMap模式
2019/01/14 Javascript
element-ui中Table表格省市区合并单元格的方法实现
2019/08/07 Javascript
Threejs实现滴滴官网首页地球动画功能
2020/07/13 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
2020/08/25 Javascript
element-ui tree结构实现增删改自定义功能代码
2020/08/31 Javascript
python使用datetime模块计算各种时间间隔的方法
2015/03/24 Python
深入源码解析Python中的对象与类型
2015/12/11 Python
python2和python3的输入和输出区别介绍
2018/11/20 Python
python正则表达式去除两个特殊字符间的内容方法
2018/12/24 Python
关于HTML5你必须知道的28个新特性,新技巧以及新技术
2012/05/28 HTML / CSS
html5中为audio标签增加停止按钮动作实现方法
2013/01/04 HTML / CSS
Capitol Lighting的1800lighting.com:住宅和商业照明
2019/04/10 全球购物
创业计划书的内容步骤和要领
2014/01/04 职场文书
领导失职检讨书
2014/02/24 职场文书
网络优化专员求职信
2014/05/04 职场文书
市场营销策划方案
2014/06/11 职场文书
毕业实习证明(4篇)
2014/10/28 职场文书
《富饶的西沙群岛》教学反思
2016/02/16 职场文书
详解redis分布式锁的这些坑
2021/05/19 Redis
MySQL 如何限制一张表的记录数
2021/09/14 MySQL