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 相关文章推荐
xtree.js 代码
Mar 13 Javascript
高亮显示web页表格行的javascript代码
Nov 19 Javascript
基于datagrid框架的查询
Apr 08 Javascript
onbeforeunload与onunload事件异同点总结
Jun 24 Javascript
js调试工具Console命令详解
Oct 21 Javascript
JavaScript操作Oracle数据库示例
Mar 06 Javascript
原生js制作简单的数字键盘
Apr 24 Javascript
jQuery的remove()方法使用详解
Aug 11 Javascript
Jquery操作cookie记住用户名
Mar 29 Javascript
微信小程序页面生命周期详解
Jan 31 Javascript
使用Vue.js开发微信小程序开源框架mpvue解析
Mar 20 Javascript
mock.js模拟数据实现前后端分离
Jul 24 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/10/09 PHP
PHP中使用json数据格式定义字面量对象的方法
2014/08/20 PHP
yii2中结合gridview如何使用modal弹窗实例代码详解
2016/06/12 PHP
php微信公众平台交互与接口详解
2016/11/28 PHP
php获取微信openid方法总结
2019/10/10 PHP
Laravel 在views中加载公共页面的实现代码
2019/10/22 PHP
多种方法实现load加载完成后把图片一次性显示出来
2014/02/19 Javascript
基于PHP和Mysql相结合使用jqGrid读取数据并显示
2015/12/02 Javascript
探讨JavaScript标签位置的存放与功能有无关系
2016/01/15 Javascript
jQuery查看选中对象HTML代码的方法
2016/06/17 Javascript
Bootstrap三种表单布局的使用方法
2016/06/21 Javascript
jquery实现刷新随机变化样式特效(tag标签样式)
2017/02/03 Javascript
jquery 判断是否支持Placeholder属性的方法
2017/02/07 Javascript
基于jQuery和CSS3实现APPLE TV海报视差效果
2017/06/16 jQuery
JS库中的Particles.js在vue上的运用案例分析
2017/09/13 Javascript
JavaScript中的相等操作符使用详解
2019/12/21 Javascript
[51:32]Optic vs Serenity 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
python中的yield使用方法
2014/02/11 Python
用virtualenv建立多个Python独立虚拟开发环境
2017/07/06 Python
用python写扫雷游戏实例代码分享
2018/05/27 Python
python找出完数的方法
2018/11/12 Python
pyqt5 获取显示器的分辨率的方法
2019/06/18 Python
Python selenium 自动化脚本打包成一个exe文件(推荐)
2020/01/14 Python
已安装tensorflow-gpu,但keras无法使用GPU加速的解决
2020/02/07 Python
法国购买隐形眼镜和眼镜网站:Optical Center
2019/10/08 全球购物
什么是表空间(tablespace)和系统表空间(System tablespace)
2013/02/25 面试题
文员个人求职自荐信
2013/09/21 职场文书
应届毕业生如何写求职信
2014/02/16 职场文书
规划编制实施方案
2014/03/15 职场文书
地下停车场租赁协议范本
2014/10/07 职场文书
区域经理岗位职责
2015/02/02 职场文书
手术室护士个人总结
2015/02/13 职场文书
小学运动会入场口号
2015/12/24 职场文书
致创业的您:这类人不适合餐饮创业
2019/08/19 职场文书
六个好看实用的 HTML + CSS 后台登录入口页面
2022/04/28 HTML / CSS
Java8 CompletableFuture 异步回调
2022/04/28 Java/Android