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 相关文章推荐
可拖动窗口,附带鼠标控制渐变透明,开启关闭功能
Jun 26 Javascript
关于onchange事件在IE和FF下的表现及解决方法
Mar 08 Javascript
node.js中的fs.createWriteStream方法使用说明
Dec 17 Javascript
AngularJS动态绑定HTML的方法分析
Nov 07 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
Apr 11 Javascript
js事件委托和事件代理案例分享
Jul 25 Javascript
用js屏蔽被http劫持的浮动广告实现方法
Aug 10 Javascript
Vue 组件间的样式冲突污染
Aug 31 Javascript
微信小程序中添加客服按钮contact-button功能
Apr 27 Javascript
详解bootstrap-fileinput文件上传控件的亲身实践
Mar 21 Javascript
详解Howler.js Web音频播放终极解决方案
Aug 23 Javascript
微信小程序onShareTimeline()实现分享朋友圈
Jan 07 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
phpfans留言版用到的数据操作类和分页类
2007/01/04 PHP
thinkphp3查询mssql数据库乱码解决方法分享
2014/02/11 PHP
兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
2014/06/05 PHP
php中mt_rand()随机数函数用法
2014/11/24 PHP
PHP设置进度条的方法
2015/07/08 PHP
Laravel中使用FormRequest进行表单验证方法及问题汇总
2016/06/19 PHP
PHP 无限级分类
2017/05/04 PHP
javascript 基础篇2 数据类型,语句,函数
2012/03/14 Javascript
jquery序列化表单以及回调函数的使用示例
2014/07/02 Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
2014/08/18 Javascript
C#中使用迭代器处理等待任务
2015/07/13 Javascript
JavaScript事件学习小结(三)js事件对象
2016/06/09 Javascript
jQuery simpleModal插件的使用介绍
2016/08/30 Javascript
关于vue.js v-bind 的一些理解和思考
2017/06/06 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
2018/05/31 Javascript
Bootstrap模态对话框用法简单示例
2018/08/31 Javascript
解决vue-cli输入命令vue ui没效果的问题
2020/11/17 Javascript
JavaScript实现网页跨年倒计时
2020/12/02 Javascript
[01:10:58]KG vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
9种python web 程序的部署方式小结
2014/06/30 Python
Python返回真假值(True or False)小技巧
2015/04/10 Python
Python实现输出程序执行进度百分比的方法
2017/09/16 Python
python实现远程控制电脑
2019/05/23 Python
ipython和python区别详解
2019/06/26 Python
使用keras2.0 将Merge层改为函数式
2020/05/23 Python
appium+python自动化配置(adk、jdk、node.js)
2020/11/17 Python
AmazeUI 导航条的实现示例
2020/08/14 HTML / CSS
Spartoo荷兰:鞋子、包包和服装
2018/07/12 全球购物
简历里的自我评价范文
2014/02/24 职场文书
优秀毕业生的求职信
2014/07/21 职场文书
驾驶员安全责任书范本
2014/07/24 职场文书
2014年教师教学工作总结
2014/11/08 职场文书
大学军训决心书
2015/02/05 职场文书
毕业论文致谢怎么写
2015/05/14 职场文书
丧事主持词
2015/07/02 职场文书
Oracle 死锁的检测查询及处理
2021/09/25 Oracle