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 相关文章推荐
jquery关于图形报表的运用实现代码
Jan 06 Javascript
jQuery 1.5最新版本的改进细节分析
Jan 19 Javascript
JavaScript将相对地址转换为绝对地址示例代码
Jul 19 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
Apr 12 Javascript
JQuery对ASP.NET MVC数据进行更新删除
Jul 13 Javascript
JavaScript 事件对内存和性能的影响
Jan 22 Javascript
javascript简写常用的12个技巧(可以大大减少你的js代码量)
Mar 28 Javascript
jQuery实现鼠标响应式淘宝动画效果示例
Feb 13 jQuery
用Node提供静态文件服务的方法
Jul 06 Javascript
angularJs中$scope数据序列化的实例
Sep 30 Javascript
在Vue项目中使用snapshot测试的具体使用
Apr 16 Javascript
关于vue的列表图片选中打钩操作
Sep 09 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
CI(CodeIgniter)框架介绍
2014/06/09 PHP
微信公众平台开发教程①获取用户Openid及个人信息图文详解
2019/04/10 PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
2020/03/26 PHP
js prototype截取字符串函数
2010/04/01 Javascript
几个比较实用的JavaScript 测试及效验工具
2010/04/18 Javascript
基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
2013/05/07 Javascript
jQuery遍历Form示例代码
2013/09/03 Javascript
javascript获取所有同类checkbox选项(实例代码)
2013/11/07 Javascript
JavaScript父子窗体间的调用方法
2015/03/31 Javascript
chrome调试javascript详解
2015/10/21 Javascript
jQuery 中ajax异步调用的四种方式
2016/06/28 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
2016/09/08 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
2016/09/13 Javascript
JavaScript的级联函数用法简单示例【链式调用】
2019/03/26 Javascript
JavaScript如何实现图片处理与合成
2020/05/29 Javascript
Vue2.x-使用防抖以及节流的示例
2021/03/02 Vue.js
[02:27]刀塔重生降临
2015/10/14 DOTA
[46:28]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
基于Python socket的端口扫描程序实例代码
2018/02/09 Python
python实现生成字符串大小写字母和数字的各种组合
2019/01/01 Python
详解python编译器和解释器的区别
2019/06/24 Python
Pandas的read_csv函数参数分析详解
2019/07/02 Python
Python基于当前时间批量创建文件
2020/05/07 Python
html5 冒号分隔符对齐的实现
2019/07/31 HTML / CSS
伦敦一家非常流行的时尚精品店:Oxygen Boutique
2017/01/15 全球购物
Brookstone美国官网:独特新奇产品
2017/03/04 全球购物
英国设计的甲板鞋和船鞋:Chatham
2018/12/06 全球购物
优秀实习自我鉴定
2013/12/04 职场文书
项目建议书范文
2014/05/12 职场文书
扬尘污染防治方案
2014/06/15 职场文书
2015年组织委员工作总结
2015/04/23 职场文书
工商局调档介绍信
2015/10/22 职场文书
导游词之安徽九华山
2019/09/18 职场文书
goland 设置project gopath的操作
2021/05/06 Golang
Spring Boot配合PageHelper优化大表查询数据分页
2022/04/20 Java/Android
Golang 实现 WebSockets 之创建 WebSockets
2022/04/24 Golang