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 Konami Code 实现代码
Jul 29 Javascript
JavaScript 解析Json字符串的性能比较分析代码
Dec 16 Javascript
javascript实现微信分享
Dec 23 Javascript
js获取url传值的方法
Dec 18 Javascript
使用do...while的方法输入一个月中所有的周日(实例代码)
Jul 22 Javascript
Bootstrap Table的使用总结
Oct 08 Javascript
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
May 08 jQuery
通俗解释JavaScript正则表达式快速记忆
Aug 23 Javascript
JS继承与闭包及JS实现继承的三种方式
Oct 15 Javascript
vuex state及mapState的基础用法详解
Apr 19 Javascript
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
Mar 14 Javascript
element-ui 本地化使用教程详解
Oct 28 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数据类型之整数类型、浮点数的介绍
2013/04/28 PHP
php通过function_exists检测函数是否存在的方法
2015/03/18 PHP
PHP 与 UTF-8 的最佳实践详细介绍
2017/01/04 PHP
PHP实现更改hosts文件的方法示例
2017/08/08 PHP
Javascript实现的分页函数
2007/02/07 Javascript
动态为事件添加js代码示例
2009/02/15 Javascript
js 省地市级联选择
2010/02/07 Javascript
JQuery1.6 使用方法三
2011/11/23 Javascript
JSP跨iframe如何传递参数实现代码
2013/09/21 Javascript
浅析javascript中的DOM
2015/03/01 Javascript
jquery模拟alert的弹窗插件
2015/07/31 Javascript
JavaScript文本框脚本编写的注意事项
2016/01/25 Javascript
基于jQuery实现收缩展开功能
2016/03/18 Javascript
JS制作适用于手机和电脑的通知信息效果
2016/10/28 Javascript
微信小程序 后台https域名绑定和免费的https证书申请详解
2016/11/10 Javascript
layer实现弹窗提交信息
2016/12/12 Javascript
javascript 数组去重复(在线去重工具)
2016/12/17 Javascript
Vue实现双向绑定的方法
2016/12/22 Javascript
js es6系列教程 - 新的类语法实战选项卡(详解)
2017/09/02 Javascript
详解vue2 $watch要注意的问题
2017/09/08 Javascript
vue+egg+jwt实现登录验证的示例代码
2019/05/18 Javascript
详解json串反转义(消除反斜杠)
2019/08/12 Javascript
vue绑定class的三种方法
2020/12/24 Vue.js
[01:44]剑指西雅图 展望TI之CIS战队专访
2014/06/25 DOTA
python操作CouchDB的方法
2014/10/08 Python
python实现备份目录的方法
2015/08/03 Python
python 网络爬虫初级实现代码
2016/02/27 Python
django表单实现下拉框的示例讲解
2018/05/29 Python
Python Django搭建网站流程图解
2020/06/13 Python
美国马匹用品和马钉购物网站:State Line Tack
2018/08/05 全球购物
JMS中Topic和Queue有什么区别
2013/05/15 面试题
经济贸易系毕业生求职信
2014/05/31 职场文书
学校食品安全实施方案
2014/06/14 职场文书
《夹竹桃》教学反思
2016/02/23 职场文书
2016年质量月活动总结报告
2016/04/05 职场文书
Python anaconda安装库命令详解
2021/10/16 Python