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 相关文章推荐
整理的比较全的event对像在ie与firefox浏览器中的区别
Nov 25 Javascript
利用js(jquery)操作Cookie的方法说明
Dec 19 Javascript
为什么JS中eval处理JSON数据要加括号
Apr 13 Javascript
巧方法 JavaScript获取超链接的绝对URL地址
Jun 14 Javascript
基于JS快速实现导航下拉菜单动画效果附源码下载
Oct 27 Javascript
BootStrap中关于Select下拉框选择触发事件及扩展
Nov 22 Javascript
详解JS几种变量交换方式以及性能分析对比
Nov 25 Javascript
微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
Dec 06 Javascript
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
May 15 Javascript
vue-router实现嵌套路由的讲解
Jan 19 Javascript
element-ui 远程搜索组件el-select在项目中组件化的实现代码
Dec 04 Javascript
浅谈vant组件Picker 选择器选单选问题
Nov 04 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
How do I change MySQL timezone?
2008/03/26 PHP
php smarty 二级分类代码和模版循环例子
2011/06/16 PHP
Laravel 5框架学习之向视图传送数据
2015/04/08 PHP
php实现统计网站在线人数的方法
2015/05/12 PHP
Javascript学习笔记5 类和对象
2010/01/11 Javascript
让innerText在firefox火狐和IE浏览器都能用的写法
2011/05/14 Javascript
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
2011/06/27 Javascript
jquery插件hiAlert实现网页对话框美化
2015/05/03 Javascript
javascript自动恢复文本框点击清除后的默认文本
2016/01/12 Javascript
jquery中each循环的简单回滚操作
2017/05/05 jQuery
JS+WCF实现进度条实时监测数据加载量的方法详解
2017/12/19 Javascript
详解vue axios用post提交的数据格式
2018/08/07 Javascript
使用JS获取页面上的所有标签
2018/10/18 Javascript
vue+element-ui表格封装tag标签使用插槽
2020/06/18 Javascript
跟老齐学Python之用Python计算
2014/09/12 Python
Python中使用pprint函数进行格式化输出的教程
2015/04/07 Python
编写Python脚本抓取网络小说来制作自己的阅读器
2015/08/20 Python
Mac 上切换Python多版本
2017/06/17 Python
Python字典遍历操作实例小结
2019/03/05 Python
python实现微信定时每天和女友发送消息
2019/04/29 Python
Selenium+Python 自动化操控登录界面实例(有简单验证码图片校验)
2019/06/28 Python
Python之修改图片像素值的方法
2019/07/03 Python
深度学习入门之Pytorch 数据增强的实现
2020/02/26 Python
pandas读取csv文件提示不存在的解决方法及原因分析
2020/04/21 Python
call在Python中改进数列的实例讲解
2020/12/09 Python
全网最详细的PyCharm+Anaconda的安装过程图解
2021/01/25 Python
军用级手机壳,专为冒险而建:Zizo Wireless
2019/08/07 全球购物
Jack Rogers官网:美国经典的女性鞋靴品牌
2019/09/04 全球购物
数控机械专业个人的自我评价
2014/01/02 职场文书
多媒体专业自我鉴定
2014/02/28 职场文书
销售工作决心书
2015/02/04 职场文书
2015年安全生产工作总结范文
2015/04/02 职场文书
2015年行政部工作总结
2015/04/28 职场文书
小学运动会加油词
2015/07/18 职场文书
Apache压力测试工具的安装使用
2021/03/31 Servers
nginx配置之并发频次限制
2022/04/18 Servers