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实现的网页颜色代码表全集
Jul 17 Javascript
网页打开自动最大化的js代码
Aug 22 Javascript
javascript eval(func())使用示例
Dec 05 Javascript
JS逆序遍历实现代码
Dec 02 Javascript
javascript判断并获取注册表中可信任站点的方法
Jun 01 Javascript
JS拖动鼠标画出方框实现鼠标选区的方法
Aug 05 Javascript
js查看一个函数的执行时间实例代码
Sep 12 Javascript
JQuery之proxy实现绑定代理方法
Aug 01 Javascript
最常见的左侧分类菜单栏jQuery实现代码
Nov 28 Javascript
vue中的router-view组件的使用教程
Oct 23 Javascript
vue2.0 实现富文本编辑器功能
May 26 Javascript
JS实现压缩上传图片base64长度功能
Dec 03 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在服务器执行exec命令失败的解决方法
2012/03/03 PHP
PHP的fsockopen、pfsockopen函数被主机商禁用的解决办法
2014/07/08 PHP
php 从指定数字中获取随机组合的简单方法(推荐)
2017/04/05 PHP
PHP基于curl模拟post提交json数据示例
2018/06/22 PHP
JavaScript 特殊字符
2007/04/05 Javascript
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
2010/09/12 Javascript
jquery获取复选框被选中的值
2014/03/22 Javascript
JavaScript异步回调的Promise模式封装实例
2014/06/07 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
2015/12/01 Javascript
基于jQuery的Web上传插件Uploadify使用示例
2016/05/19 Javascript
详解bootstrap用dropdown-menu实现上下文菜单
2017/09/22 Javascript
axios取消请求的实践记录分享
2018/09/26 Javascript
layui使用label标签的方法
2019/09/14 Javascript
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
2019/09/23 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
2020/02/03 Javascript
vue实现整屏滚动切换
2020/06/29 Javascript
Element InputNumber计数器的使用方法
2020/07/27 Javascript
vue路由结构可设一层方便动态添加路由操作
2020/08/31 Javascript
详解React路由传参方法汇总记录
2020/11/29 Javascript
从零学Python之入门(五)缩进和选择
2014/05/27 Python
Python编程中运用闭包时所需要注意的一些地方
2015/05/02 Python
Python随机生成数据后插入到PostgreSQL
2016/07/28 Python
Ubuntu下Python2与Python3的共存问题
2018/10/31 Python
解决pycharm下os.system执行命令返回有中文乱码的问题
2019/07/07 Python
Python使用贪婪算法解决问题
2019/10/22 Python
Python多继承以及MRO顺序的使用
2019/11/11 Python
Python如何读取文件中图片格式
2020/01/13 Python
Python使用socketServer包搭建简易服务器过程详解
2020/06/12 Python
anaconda升级sklearn版本的实现方法
2021/02/22 Python
薇姿法国官网:Vichy法国
2021/01/28 全球购物
建房协议书
2014/04/11 职场文书
小学数学课后反思
2014/04/23 职场文书
大学生求职信例文
2014/06/29 职场文书
中学生学习保证书
2015/02/26 职场文书
项目战略合作意向书
2015/05/08 职场文书
2016入党培训心得体会范文
2016/01/08 职场文书