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 相关文章推荐
jquery库文件略庞大用纯js替换jquery的方法
Aug 12 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
Jul 03 Javascript
详解JavaScript数组和字符串中去除重复值的方法
Mar 07 Javascript
javascript拖拽效果延伸学习
Apr 04 Javascript
基于jQuery的ajax方法封装
Jul 14 Javascript
jQuery 的 ready()的纯js替代方法
Nov 20 Javascript
javascript填充默认头像方法
Feb 22 Javascript
Vue刷新修改页面中数据的方法
Sep 16 Javascript
Vue cli3 库模式搭建组件库并发布到 npm的流程
Oct 12 Javascript
微信小程序之下拉列表实现方法解析(附完整源码)
Aug 23 Javascript
jQuery使用ajax传递json对象到服务端及contentType的用法示例
Mar 12 jQuery
Vue基于iview table展示图片实现点击放大
Aug 05 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
第五节--克隆
2006/11/16 PHP
php中var_export与var_dump的区别分析
2010/08/21 PHP
PHP操作MongoDB时的整数问题及对策说明
2011/05/02 PHP
PHP中使用memcache存储session的三种配置方法
2014/04/05 PHP
适用于抽奖程序、随机广告的PHP概率算法实例
2014/04/09 PHP
php和editplus正则表达式去除空白行
2015/04/17 PHP
jQuery选择器的工作原理和优化分析
2011/07/25 Javascript
jquery延迟加载外部js实现代码
2013/01/11 Javascript
javascript自启动函数的问题探讨
2013/10/05 Javascript
javascript的BOM汇总
2015/07/16 Javascript
Javascript生成全局唯一标识符(GUID,UUID)的方法
2016/02/27 Javascript
javascript insertAfter()定义与用法示例
2016/07/25 Javascript
JS本地刷新返回上一页代码
2016/07/25 Javascript
react router4+redux实现路由权限控制的方法
2018/05/03 Javascript
基于JQuery实现页面定时弹出广告
2020/05/08 jQuery
Vue组件间数据传递的方式(3种)
2020/07/13 Javascript
javascript实现图片轮换动作方法
2020/08/07 Javascript
[09:40]DAC2018 4.5 SOLO赛 MidOne vs Miracle
2018/04/06 DOTA
[01:04:31]DOTA2-DPC中国联赛定级赛 iG vs Magma BO3第二场 1月8日
2021/03/11 DOTA
[01:02:00]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第三场 1月24日
2021/03/11 DOTA
python操作xml文件示例
2014/04/07 Python
python计算N天之后日期的方法
2015/03/31 Python
详解Python命令行解析工具Argparse
2016/04/20 Python
Python切换pip安装源的方法详解
2016/11/18 Python
Python编程使用*解包和itertools.product()求笛卡尔积的方法
2017/12/18 Python
Python+selenium实现截图图片并保存截取的图片
2018/01/05 Python
python 常见的反爬虫策略
2020/09/27 Python
机械设计职业生涯规划书
2013/12/27 职场文书
电子商务助理求职自荐信
2014/04/10 职场文书
年终奖发放方案
2014/06/02 职场文书
学习“七一”讲话精神体会
2014/07/08 职场文书
中学教师师德师风演讲稿
2014/08/22 职场文书
入党函调证明材料
2014/12/24 职场文书
贷款担保书范本
2015/09/22 职场文书
《我是什么》教学反思
2016/02/16 职场文书
golang协程池模拟实现群发邮件功能
2021/05/02 Golang