jquery修改属性值实例代码(设置属性值)


Posted in Javascript onJanuary 06, 2014

设置属性 - attr()

jQuery attr() 方法也用于设置/改变属性值。

下面的例子演示如何改变(设置)链接中 href 属性的值:

实例

$("button").click(function(){
$("#keleyi").attr("href","https://3water.com");
});

attr() 方法也允许您同时设置多个属性。
下面的例子演示如何同时设置 href 和 title 属性:

实例

$("button").click(function(){
$("#keleyi").attr({
"href" : "https://3water.com",
"title" : "柯乐义网"
});
});

attr() 的回调函数

jQuery 方法 attr(),也提供回调函数。回调函数由两个参数:被选元素列表中当前元素的下标,以及原始(旧的)值。然后以函数新值返回您希望使用的字符串。

下面的例子演示带有回调函数的 attr() 方法:

实例

$("button").click(function(){
$("#keleyi").attr("href", function(i,origValue){
return origValue + "/jquery";
});
});
Javascript 相关文章推荐
JavaScript监测ActiveX控件是否已经安装过的代码
Sep 02 Javascript
ajax无刷新动态调用股票信息(改良版)
Nov 01 Javascript
jquery.validate分组验证代码
Mar 17 Javascript
Jquery 模板数据绑定插件的使用方法详解
Jul 08 Javascript
javascript学习笔记之函数定义
Jun 25 Javascript
ECHO.js 纯javascript轻量级延迟加载的实例代码
May 24 Javascript
AngularJS基础 ng-open 指令简单实例
Aug 02 Javascript
Node.js利用断言模块assert进行单元测试的方法
Sep 28 Javascript
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
Mar 15 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
Sep 17 Javascript
详解React 的几种条件渲染以及选择
Oct 23 Javascript
javascript设计模式之装饰者模式
Jan 30 Javascript
js定时器的使用(实例讲解)
Jan 06 #Javascript
浅析js中的浮点型运算问题
Jan 06 #Javascript
js中浮点型运算BUG的解决方法说明
Jan 06 #Javascript
Jquery操作radio的简单实例
Jan 06 #Javascript
jQuery选择器全面总结
Jan 06 #Javascript
JavaScript定义类的几种方式总结
Jan 06 #Javascript
javascript函数定义的几种区别小结
Jan 06 #Javascript
You might like
配置PHP使之能同时支持GIF和JPEG
2006/10/09 PHP
解决php中Cannot send session cache limiter 的问题的方法
2007/04/27 PHP
解析PHP的Yii框架中cookie和session功能的相关操作
2016/03/17 PHP
兼容多浏览器的字幕特效Marquee的通用js类
2008/07/20 Javascript
JS学习之一个简易的日历控件
2010/03/24 Javascript
juqery 学习之四 筛选查找
2010/11/30 Javascript
Jquery之美中不足小结
2011/02/16 Javascript
javascript权威指南 学习笔记之null和undefined
2011/09/25 Javascript
分享一个自己写的table表格排序js插件(高效简洁)
2011/10/29 Javascript
ExtJS的拖拽效果示例
2013/12/09 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
2016/09/26 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
2016/10/28 Javascript
JS实现的样式切换功能tableCSS实例
2016/12/30 Javascript
angular.js实现购物车功能
2017/10/23 Javascript
浅谈vue项目打包优化策略
2018/09/29 Javascript
如何通过vscode运行调试javascript代码
2020/07/24 Javascript
解决vue-loader加载不上的问题
2020/10/21 Javascript
[40:19]2018完美盛典CS.GO表演赛
2018/12/17 DOTA
跟老齐学Python之用while来循环
2014/10/02 Python
Python生成不重复随机值的方法
2015/05/11 Python
用Python实现数据的透视表的方法
2018/11/16 Python
Python3 使用cookiejar管理cookie的方法
2018/12/28 Python
python实现全盘扫描搜索功能的方法
2019/02/14 Python
详解Canvas 跨域脱坑实践
2018/11/07 HTML / CSS
Booking.com缤客中国:全球酒店在线预订网站
2020/05/03 全球购物
瀑布模型都有哪些优缺点
2014/06/23 面试题
介绍一下XMLHttpRequest对象的常用方法和属性
2013/05/24 面试题
现金会计岗位职责
2013/12/05 职场文书
机械设计职业生涯规划书
2013/12/27 职场文书
大学四年职业生涯规划书范文
2014/01/02 职场文书
遗体告别仪式主持词
2014/03/20 职场文书
建材投资建议书
2014/05/16 职场文书
保护环境倡议书300字
2014/05/19 职场文书
岗位职责范本大全
2015/02/26 职场文书
如何用Laravel包含你自己的帮助函数
2021/05/27 PHP
MySQL串行化隔离级别(间隙锁实现)
2022/06/16 MySQL