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获取图片长和宽度的代码
Nov 24 Javascript
JS原型对象通俗&quot;唱法&quot;
Dec 27 Javascript
js取消单选按钮选中示例代码
Nov 14 Javascript
jquery队列queue与原生模仿其实现方法分享
Mar 25 Javascript
浅谈angularJS 作用域
Jul 05 Javascript
Bootstrap编写一个兼容主流浏览器的受众门户式风格页面
Jul 01 Javascript
javascript淘宝主图放大镜功能
Oct 20 Javascript
基于BootStrap的前端分页带省略号和上下页效果
May 18 Javascript
详解Vue如何支持JSX语法
Nov 10 Javascript
vue element-ui读取pdf文件的方法
Nov 26 Javascript
Vue组件化开发之通用型弹出框的实现
Feb 28 Javascript
Vue 组件的挂载与父子组件的传值实例
Sep 02 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
mysql中存储过程、函数的一些问题
2007/02/14 PHP
php5.3不能连接mssql数据库的解决方法
2014/12/27 PHP
php绘图之生成饼状图的方法
2015/01/24 PHP
对laravel in 查询的使用方法详解
2019/10/09 PHP
HTML中Select不用Disabled实现ReadOnly的效果
2008/04/07 Javascript
cloudgamer出品ImageZoom 图片放大效果
2010/04/01 Javascript
JS 两日期相减,获得天数的小例子(兼容IE,FF)
2013/07/01 Javascript
轻松5句话解决JavaScript的作用域
2016/07/15 Javascript
简单的JS轮播图代码
2016/07/18 Javascript
Node.js利用debug模块打印出调试日志的方法
2017/04/25 Javascript
js is_valid_filename验证文件名的函数
2017/07/19 Javascript
JavaScript中严格判断NaN的方法
2018/02/16 Javascript
js中call()和apply()改变指针问题的讲解
2019/01/17 Javascript
浅析vue-router实现原理及两种模式
2020/02/11 Javascript
详谈Vue.js框架下main.js,App.vue,page/index.vue之间的区别
2020/08/12 Javascript
Angular短信模板校验代码
2020/09/23 Javascript
OpenLayer学习之自定义测量控件
2020/09/28 Javascript
[00:55]深扒TI7聊天轮盘语音出处3
2017/05/11 DOTA
python实现随机森林random forest的原理及方法
2017/12/21 Python
对python 判断数字是否小于0的方法详解
2019/01/26 Python
Python异步操作MySQL示例【使用aiomysql】
2019/05/16 Python
django 微信网页授权登陆的实现
2019/07/30 Python
win10系统Anaconda和Pycharm的Tensorflow2.0之CPU和GPU版本安装教程
2019/12/03 Python
css3 border旋转时的动画应用
2016/01/22 HTML / CSS
New Era英国官网:美国棒球帽品牌
2018/03/21 全球购物
美国非常受欢迎的Spa品牌:Bliss必列斯
2018/04/10 全球购物
为娇小女性量身打造:Petite Studio
2018/11/01 全球购物
GetYourGuide台湾:预订旅游活动、景点和旅游项目
2019/06/10 全球购物
数控专业毕业生自荐信范文
2014/03/04 职场文书
体育专业自荐书
2014/05/29 职场文书
《中国梦我的梦》大学生演讲稿
2014/08/20 职场文书
校长四风对照检查材料
2014/09/27 职场文书
体育委员竞选稿
2015/11/21 职场文书
青年文明号创建口号大全
2015/12/25 职场文书
《蚂蚁和蝈蝈》教学反思
2016/02/22 职场文书
2019年鼓励无偿献血倡议书
2019/09/17 职场文书