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 动态添加样式规则 W3C校检
Dec 25 Javascript
使用jQuery解决IE与FireFox下createElement方法的差异
Nov 14 Javascript
javascript如何判断输入的url是否正确
Apr 11 Javascript
学习JavaScript正则表达式
Nov 13 Javascript
AngularJs页面筛选标签小功能
Aug 01 Javascript
基于vue cli 通过命令行传参实现多环境配置
Jul 12 Javascript
vue-cli3项目展示本地Markdown文件的方法
Jun 07 Javascript
一篇文章弄懂javascript中的执行栈与执行上下文
Aug 09 Javascript
JS中的模糊查询功能
Dec 08 Javascript
Vue 请求传公共参数的操作
Jul 31 Javascript
vue实现顶部菜单栏
Nov 08 Javascript
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
Jan 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
第1次亲密接触PHP5(2)
2006/10/09 PHP
destoon在360浏览器下出现用户被强行注销的解决方法
2014/06/26 PHP
javascript对象之内置对象Math使用方法
2010/04/16 Javascript
Jquery插件之多图片异步上传
2010/10/20 Javascript
JavaScript 在网页上单击鼠标的地方显示层及关闭层
2012/12/30 Javascript
js禁止页面复制功能禁用页面右键菜单示例代码
2013/08/29 Javascript
javascript中indexOf技术详解
2015/05/07 Javascript
浅谈angularJS 作用域
2015/07/05 Javascript
JS模拟并美化的表单控件完整实例
2015/08/19 Javascript
JS实现自动切换文字的导航效果代码
2015/08/27 Javascript
jQuery基础知识点总结(DOM操作)
2016/06/01 Javascript
JavaScript_ECMA5数组新特性详解
2016/06/12 Javascript
详解PHP中pathinfo()函数导致的安全问题
2017/01/05 Javascript
easyui-datagrid特殊字符不能显示的处理方法
2017/04/12 Javascript
angularjs中回车键触发某一事件的方法
2017/04/24 Javascript
详解10分钟学会vue滚动行为
2017/09/21 Javascript
详解ionic本地相册、拍照、裁剪、上传(单图完全版)
2017/10/10 Javascript
angularjs中$http异步上传Excel文件方法
2018/02/23 Javascript
如何制作一个Node命令行图像识别工具
2018/12/12 Javascript
JS使用数组实现的队列功能示例
2019/03/04 Javascript
详解Angular cli配置过程记录
2019/11/07 Javascript
python使用os模块的os.walk遍历文件夹示例
2014/01/27 Python
Python中对列表排序实例
2015/01/04 Python
Python使用multiprocessing创建进程的方法
2015/06/04 Python
python多维数组切片方法
2018/04/13 Python
python3中替换python2中cmp函数的实现
2019/08/20 Python
TensorFlow实现保存训练模型为pd文件并恢复
2020/02/06 Python
美国在线印刷公司:PsPrint
2017/10/12 全球购物
Sneaker Studio法国:购买运动鞋
2018/06/08 全球购物
美国宠物护理专家:Revival Animal Health
2020/01/05 全球购物
.net工程师笔试题
2012/06/09 面试题
外贸业务员岗位职责
2013/11/24 职场文书
领导证婚人证婚词
2014/01/13 职场文书
学校安全检查制度
2014/01/27 职场文书
暑假打工感想
2015/08/07 职场文书
3050和2060哪个好 性能差多少 差距有多大 谁更有性价比
2022/06/17 数码科技