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文件优化
Dec 08 Javascript
JavaScript中常用的运算符小结
Jan 18 Javascript
jquery实现图片随机排列的方法
May 04 Javascript
JavaScript数组的定义及数字操作技巧
Jun 06 Javascript
javascript垃圾收集机制的原理分析
Dec 08 Javascript
关于Node.js中Buffer的一些你可能不知道的用法
Mar 28 Javascript
Vue 2中ref属性的使用方法及注意事项
Jun 12 Javascript
基于游标的分页接口实现代码示例
Nov 12 Javascript
详解微信小程序缓存--缓存时效性
May 02 Javascript
微信小程序一周时间表功能实现
Oct 17 Javascript
vue+webpack 更换主题N种方案优劣分析
Oct 28 Javascript
vue实现瀑布流组件滑动加载更多
Mar 10 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
一个SQL管理员的web接口
2006/10/09 PHP
PHP使用array_multisort对多个数组或多维数组进行排序
2014/12/16 PHP
jQuery实战之品牌展示列表效果
2011/04/10 Javascript
如何使用json在前后台进行数据传输实例介绍
2013/04/11 Javascript
JS运动框架之分享侧边栏动画实例
2015/03/03 Javascript
JavaScript DOM事件(笔记)
2015/04/08 Javascript
js强制把网址设为默认首页
2015/09/29 Javascript
基于BootStrap的图片轮播效果展示实例代码
2016/05/23 Javascript
jquery实用技巧之输入框提示语句
2016/07/28 Javascript
JS实现探测网站链接的方法【测试可用】
2016/11/08 Javascript
利用C/C++编写node.js原生模块的方法教程
2017/07/07 Javascript
js定时器实现倒计时效果
2017/11/05 Javascript
详解Angular2学习笔记之Html属性绑定
2018/01/03 Javascript
简述vue状态管理模式之vuex
2018/08/29 Javascript
Vue-cli@3.0 插件系统简析
2018/09/05 Javascript
微信小程序的开发范式BeautyWe.js入门详解
2019/07/10 Javascript
vue-video-player 断点续播的实现
2021/02/01 Vue.js
深入解答关于Python的11道基本面试题
2017/04/01 Python
Python探索之静态方法和类方法的区别详解
2017/10/27 Python
解决在pycharm中显示额外的 figure 窗口问题
2019/01/15 Python
python石头剪刀布小游戏(三局两胜制)
2021/01/20 Python
20行python代码实现人脸识别
2019/05/05 Python
Python3 实现文件批量重命名示例代码
2019/06/03 Python
使用Python画股票的K线图的方法步骤
2019/06/28 Python
python文字转语音的实例代码分析
2019/11/12 Python
利用python实现逐步回归
2020/02/24 Python
调整Jupyter notebook的启动目录操作
2020/04/10 Python
Python3 requests模块如何模仿浏览器及代理
2020/06/15 Python
Python发送邮件实现基础解析
2020/08/14 Python
阿迪达斯丹麦官网:adidas丹麦
2016/10/01 全球购物
优秀大学生的自我评价
2014/01/16 职场文书
党的群众路线教育实践活动个人对照检查材料(医生)
2014/11/05 职场文书
英语教师求职信范文
2015/03/20 职场文书
幼儿园百日安全活动总结
2015/05/07 职场文书
公司欠款证明
2015/06/24 职场文书
Centos环境下Postgresql 安装配置及环境变量配置技巧
2021/05/18 PostgreSQL