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中"/"运算符常见错误
Oct 13 Javascript
jQuery源码分析-03构造jQuery对象-工具函数
Nov 14 Javascript
关于jquery css的使用介绍
Apr 18 Javascript
js 编码转换 gb2312 和 utf8 互转的2种方法
Aug 07 Javascript
基于AngularJS实现页面滚动到底自动加载数据的功能
Oct 16 Javascript
基于jQuery实现自动轮播旋转木马特效
Nov 02 Javascript
基于javascript实现按圆形排列DIV元素(二)
Dec 02 Javascript
three.js实现围绕某物体旋转
Jan 25 Javascript
一个可复用的vue分页组件
May 15 Javascript
jquery获取select选中值的文本,并赋值给另一个输入框的方法
Aug 21 jQuery
vue中各选项及钩子函数执行顺序详解
Aug 25 Javascript
angular 用Observable实现异步调用的方法
Dec 27 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
mysql+php分页类(已测)
2008/03/31 PHP
PHP字符串处理的10个简单方法
2010/06/30 PHP
常见的PHP五种设计模式小结
2011/03/23 PHP
解析dedeCMS验证码的实现代码
2013/06/07 PHP
php中autoload的用法总结
2013/11/08 PHP
PHP经典面试题之设计模式(经常遇到)
2015/10/15 PHP
PHP面向对象程序设计方法实例详解
2016/12/24 PHP
PHP连接MySQL数据库操作代码实例解析
2020/07/11 PHP
比较全的JS checkbox全选、取消全选、删除功能代码
2008/12/19 Javascript
jquery $(this).attr $(this).val方法使用介绍
2013/10/08 Javascript
Nodejs中读取中文文件编码问题、发送邮件和定时任务实例
2015/01/01 NodeJs
JavaScript取得键盘按下方向键是哪个的方法
2015/08/04 Javascript
JavaScript 日期时间选择器一些小结
2018/04/02 Javascript
vue使用ajax获取后台数据进行显示的示例
2018/08/09 Javascript
javascript动态创建对象的属性详解
2018/11/07 Javascript
vue-cli中vue本地实现跨域调试接口
2019/01/16 Javascript
JS实现数组去重,显示重复元素及个数的方法示例
2019/01/21 Javascript
layui-tree实现Ajax异步请求后动态添加节点的方法
2019/09/23 Javascript
[46:42]DOTA2-DPC中国联赛正赛 Aster vs Magma BO3 第二场 3月5日
2021/03/11 DOTA
使用Python的Bottle框架写一个简单的服务接口的示例
2015/08/25 Python
python批量制作雷达图的实现方法
2016/07/26 Python
一个基于flask的web应用诞生 flask和mysql相连(4)
2017/04/11 Python
python merge、concat合并数据集的实例讲解
2018/04/12 Python
pandas读取CSV文件时查看修改各列的数据类型格式
2019/07/07 Python
详解python路径拼接os.path.join()函数的用法
2019/10/09 Python
wxPython窗体拆分布局基础组件
2019/11/19 Python
python实现滑雪者小游戏
2020/02/22 Python
使用css3和jquery实现可伸缩搜索框
2014/02/12 HTML / CSS
实列教程 一款基于jquery和css3的响应式二级导航菜单
2014/11/13 HTML / CSS
html5 touch事件实现触屏页面上下滑动(二)
2016/03/10 HTML / CSS
CHARLES & KEITH加拿大官网:新加坡时尚品牌
2020/03/26 全球购物
广州迈达威.net面试题目
2012/03/10 面试题
高中运动会广播稿
2015/08/19 职场文书
《秋天的雨》教学反思
2016/02/19 职场文书
财务年终工作总结大全
2019/06/20 职场文书
MySQL的索引你了解吗
2022/03/13 MySQL