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中的location用法简单介绍
Mar 07 Javascript
JavaScript中为元素加上name属性的方法
May 09 Javascript
使用js对select动态添加和删除OPTION示例代码
Aug 12 Javascript
js给onclick赋值传参数的两种方法
Nov 25 Javascript
js模仿php中strtotime()与date()函数实现方法
Aug 11 Javascript
好好了解一下Cookie(强烈推荐)
Jun 14 Javascript
Javascript将字符串日期格式化为yyyy-mm-dd的方法
Oct 27 Javascript
JavaScript DOM节点操作实例小结(新建,删除HTML元素)
Jan 19 Javascript
微信小程序wx:for和wx:for-item的用法详解
Apr 01 Javascript
vue2.0+koa2+mongodb实现注册登录
Apr 10 Javascript
React父子组件间的传值的方法
Nov 13 Javascript
Three.js实现雪糕地球的使用示例详解
Jul 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
php正则
2006/07/07 PHP
简单分析ucenter 会员同步登录通信原理
2014/08/25 PHP
php堆排序实现原理与应用方法
2015/01/03 PHP
php实现的Curl封装类Curl.class.php用法实例分析
2015/09/25 PHP
PHP Try-catch 语句使用技巧
2016/02/28 PHP
jQuery获取(选中)单选,复选框,下拉框中的值
2014/02/21 Javascript
chrome下jq width()方法取值为0的解决方法
2014/05/26 Javascript
javascript转换静态图片,增加粒子动画效果
2015/05/28 Javascript
浅析Bootstrip的select控件绑定数据的问题
2016/05/10 Javascript
Bootstrap企业网站实战项目4
2016/10/14 Javascript
原生JS实现匀速图片轮播动画
2016/10/18 Javascript
JS自定义函数对web前端上传的文件进行类型大小判断
2016/10/19 Javascript
vue.js 使用v-if v-else发现没有执行解决办法
2017/05/15 Javascript
jquery实现回车键触发事件(实例讲解)
2017/11/21 jQuery
vue bus全局事件中心简单Demo详解
2018/02/26 Javascript
json解析大全 双引号、键值对不在一起的情况
2019/12/06 Javascript
Js数组扁平化实现方法代码总汇
2020/11/11 Javascript
一起来了解一下JavaScript的预编译(小结)
2021/03/01 Javascript
Python Django使用forms来实现评论功能
2016/08/17 Python
Python实现字典去除重复的方法示例
2017/07/31 Python
利用python为运维人员写一个监控脚本
2018/03/25 Python
django从请求到响应的过程深入讲解
2018/08/01 Python
python创建文件时去掉非法字符的方法
2018/10/31 Python
python3字符串操作总结
2019/07/24 Python
python实现屏保程序(适用于背单词)
2019/07/30 Python
pytorch逐元素比较tensor大小实例
2020/01/03 Python
Python连接mysql数据库及简单增删改查操作示例代码
2020/08/03 Python
简单说说tomcat的配置
2013/05/28 面试题
汽车电子与维修专业大学生求职信
2013/09/28 职场文书
集团薪酬管理制度
2014/01/13 职场文书
汽车促销活动方案
2014/03/31 职场文书
理财学专业自荐书
2014/06/28 职场文书
2015年三年级班主任工作总结
2015/05/21 职场文书
被告答辩状范文
2015/05/22 职场文书
经典励志格言:每日一句,让你每天充满能量
2019/08/16 职场文书
2021年最新用于图像处理的Python库总结
2021/06/15 Python