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 相关文章推荐
鼠标经过显示二级菜单js特效
Aug 13 Javascript
js中settimeout方法加参数
Feb 28 Javascript
jquery操作 iframe的方法
Dec 03 Javascript
javascript实现字符串反转的方法
Feb 05 Javascript
关于JS中prototype的理解
Sep 07 Javascript
java中String类型变量的赋值问题介绍
Mar 23 Javascript
微信JSAPI支付操作需要注意的细节
Jan 10 Javascript
JavaScript ES6常用基础知识总结
Feb 09 Javascript
图解javascript作用域链
May 27 Javascript
javascript function(函数类型)使用与注意事项小结
Jun 10 Javascript
记一次vue跨域的解决
Oct 21 Javascript
浅谈Vue的computed计算属性
Mar 21 Vue.js
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
使用phpQuery采集网页的方法
2013/11/13 PHP
php通过array_merge()函数合并两个数组的方法
2015/03/18 PHP
php中json_encode不兼容JSON_UNESCAPED_UNICODE的解决方案
2016/05/31 PHP
php 使用mpdf实现指定字段配置字体样式的方法
2019/07/29 PHP
个人总结的一些关于String、Function、Array的属性和用法
2007/01/10 Javascript
JavaScript入门教程(12) js对象化编程
2009/01/31 Javascript
JavaScript 面向对象之命名空间
2010/05/04 Javascript
基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
2013/05/07 Javascript
js获取时间(本周、本季度、本月..)
2013/11/22 Javascript
window.print打印指定div指定网页指定区域的方法
2014/08/04 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
2014/08/11 Javascript
js中setTimeout()与clearTimeout()用法实例浅析
2015/05/12 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
2015/08/21 Javascript
JS实现超简单的仿QQ折叠菜单效果
2015/09/21 Javascript
jQuery学习心得总结(必看篇)
2016/06/10 Javascript
全面了解JavaScript对象进阶
2016/07/19 Javascript
Vue.js每天必学之指令系统与自定义指令
2016/09/07 Javascript
JS编写函数实现对身份证号码最后一位的验证功能
2016/12/29 Javascript
AngularJS使用ng-class动态增减class样式的方法示例
2017/05/18 Javascript
layer弹出层自定义提交取消按钮的例子
2019/09/10 Javascript
在vue中给后台接口传的值为数组的格式代码
2020/11/12 Javascript
Javascript中window.name属性详解
2020/11/19 Javascript
[03:22]DOTA2超级联赛专访单车:找到属于自己的英雄
2013/06/08 DOTA
教你如何将 Sublime 3 打造成 Python/Django IDE开发利器
2014/07/04 Python
Python使用chardet判断字符编码
2015/05/09 Python
python面试题小结附答案实例代码
2019/04/11 Python
Python如何通过Flask-Mail发送电子邮件
2020/01/29 Python
通过代码简单了解django model序列化作用
2020/11/12 Python
TCP/IP中的TCP和IP分别承担什么责任
2012/04/21 面试题
端口镜像是怎么实现的
2014/03/25 面试题
一些Solaris面试题
2013/03/22 面试题
【魔兽争霸3重制版】原版画面与淬火MOD画面对比
2021/03/26 魔兽争霸
新学期决心书
2014/03/11 职场文书
超市创业计划书
2014/09/15 职场文书
Python干货实战之八音符酱小游戏全过程详解
2021/10/24 Python
Mysql如何查看是否使用到索引
2022/12/24 MySQL