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辅助函数inherit()的问题
Apr 07 Javascript
浅谈JavaScript函数参数的可修改性问题
Dec 05 Javascript
jquery实现输入框实时输入触发事件代码
Dec 21 Javascript
vue之数据交互实例代码
Jun 20 Javascript
微信小程序模板(template)使用详解
Jan 31 Javascript
vue实现裁切图片同时实现放大、缩小、旋转功能
Mar 02 Javascript
webpack 样式加载的实现原理
Jun 12 Javascript
js打开word文档预览操作示例【不是下载】
May 23 Javascript
vue2.x数组劫持原理的实现
Apr 19 Javascript
vue自定义插件封装,实现简易的elementUi的Message和MessageBox的示例
Nov 20 Vue.js
vue使用exif获取图片经纬度的示例代码
Dec 11 Vue.js
vue ref如何获取子组件属性值
Mar 31 Vue.js
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
DOTA2 6.87版本后新眼位详解攻略
2020/04/20 DOTA
PHP 高手之路(二)
2006/10/09 PHP
PHP 读取文件的正确方法
2009/04/29 PHP
Ajax+PHP边学边练 之五 图片处理
2009/12/03 PHP
php array_search() 函数使用
2010/04/13 PHP
php读取和保存base64编码的图片内容
2017/04/22 PHP
PHP培训要多少钱
2017/06/06 PHP
JS 自动完成 AutoComplete(Ajax 查询)
2009/07/07 Javascript
Javascript实现重力弹跳拖拽运动效果示例
2013/06/28 Javascript
jquery中邮箱地址 URL网站地址正则验证实例代码
2013/09/15 Javascript
用Jquery.load载入页面后样式没了页面混乱的解决方法
2014/10/20 Javascript
JavaScript实现的一个倒计时的类
2015/03/12 Javascript
原生JavaScript编写俄罗斯方块
2015/03/30 Javascript
JavaScript制作弹出层效果
2016/12/02 Javascript
详解Vue.js中.native修饰符
2018/04/24 Javascript
使用vue-cli(vue脚手架)快速搭建项目的方法
2018/05/21 Javascript
[01:51]开启你的城市传奇 完美世界城市挑战赛开始报名
2018/10/09 DOTA
python实现得到一个给定类的虚函数
2014/09/28 Python
深入学习Python中的装饰器使用
2016/06/20 Python
python使用opencv按一定间隔截取视频帧
2018/03/06 Python
python使用tornado实现简单爬虫
2018/07/28 Python
python简单操作excle的方法
2018/09/12 Python
python实现指定字符串补全空格、前面填充0的方法
2018/11/16 Python
python实现鸢尾花三种聚类算法(K-means,AGNES,DBScan)
2019/06/27 Python
Python中list的交、并、差集获取方法示例
2019/08/01 Python
Python 3.8正式发布重要新功能一览
2019/10/17 Python
Python 从attribute到property详解
2020/03/05 Python
Python爬虫防封ip的一些技巧
2020/08/06 Python
校园歌咏比赛主持词
2014/03/18 职场文书
法人授权委托书
2014/09/16 职场文书
党员批评与自我批评思想汇报
2014/10/08 职场文书
毕业生个人自荐书
2015/03/05 职场文书
个人自荐书怎么写
2015/03/26 职场文书
2015年建筑工程工作总结
2015/05/13 职场文书
Python机器学习之底层实现KNN
2021/06/20 Python
Go语言的协程上下文的几个方法和用法
2022/04/11 Golang