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实现tab标签浏览效果
Feb 20 Javascript
JavaScript中的类继承
Nov 25 Javascript
js获取图片大小的函数代码
Sep 20 Javascript
Dom 结点创建 基础知识
Oct 01 Javascript
javascrpt绑定事件之匿名函数无法解除绑定问题
Dec 06 Javascript
js replace 与replaceall实例用法详解
Aug 03 Javascript
jquery实现的代替传统checkbox样式插件
Jun 19 Javascript
Javascript实现网络监测的方法
Jul 31 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
Sep 16 Javascript
微信小程序内拖动图片实现移动、放大、旋转的方法
Sep 04 Javascript
Vue2.0学习系列之项目上线的方法步骤(图文)
Sep 25 Javascript
Antd表格滚动 宽度自适应 不换行的实例
Oct 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
php表单转换textarea换行符的方法
2010/09/10 PHP
PHP的SQL注入实现(测试代码安全不错)
2011/02/27 PHP
PHP 遍历文件实现代码
2011/05/04 PHP
PHP新特性之字节码缓存和内置服务器
2017/08/11 PHP
PHP面向对象之里氏替换原则简单示例
2018/04/08 PHP
学习YUI.Ext第五日--做拖放Darg&Drop
2007/03/10 Javascript
Javascript的一种模块模式
2008/03/22 Javascript
基于jQuery的Tab选项框效果代码(插件)
2011/03/01 Javascript
js函数调用常用方法详解
2012/12/03 Javascript
THREE.JS入门教程(4)创建粒子系统
2013/01/24 Javascript
AngularJs实现ng1.3+表单验证
2015/12/10 Javascript
javascript事件委托的用法及其好处简析
2016/04/04 Javascript
利用fecha进行JS日期处理
2016/11/21 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
2016/12/17 Javascript
ajax异步请求详解
2017/01/06 Javascript
bootstrapvalidator之API学习教程
2017/06/29 Javascript
微信小程序实现点击返回顶层的方法
2017/07/12 Javascript
vue cli升级webapck4总结
2018/04/04 Javascript
微信小程序实现展示评分结果功能
2019/02/15 Javascript
vue+element树组件 实现树懒加载的过程详解
2019/10/21 Javascript
JS实现纵向轮播图(初级版)
2020/01/18 Javascript
[02:40]DOTA2超级联赛专访430 从小就爱玩对抗性游戏
2013/06/18 DOTA
浅析python 中__name__ = '__main__' 的作用
2014/07/05 Python
简单介绍Python的Django框架的dj-scaffold项目
2015/05/30 Python
Python打造出适合自己的定制化Eclipse IDE
2016/03/02 Python
python如何获取apk的packagename和activity
2020/01/10 Python
Python偏函数实现原理及应用
2020/11/20 Python
python日志通过不同的等级打印不同的颜色(示例代码)
2021/01/13 Python
前端隐藏出边界内容的实现方法
2016/04/14 HTML / CSS
日本民宿预约平台:STAY JAPAN
2017/07/01 全球购物
Marlies Dekkers内衣荷兰官方网店:荷兰奢侈内衣品牌
2020/03/27 全球购物
大学生自荐书范文
2013/12/10 职场文书
学术会议欢迎词
2014/01/09 职场文书
大课间活动实施方案
2014/03/06 职场文书
nginx对http请求处理的各个阶段详析
2021/03/31 Servers
volatile保证可见性及重排序方法
2022/08/05 Java/Android