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 相关文章推荐
如何做到打开一个页面,过几分钟自动转到另一页面
Apr 20 Javascript
javascript针对DOM的应用实例(一)
Apr 15 Javascript
javascript制作坦克大战全纪录(1)
Nov 27 Javascript
jQuery实现的图文高亮滚动切换特效实例
Aug 10 Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
Sep 08 Javascript
jQuery查找节点方法完整实例
Sep 13 Javascript
JavaScript中Array对象用法实例总结
Nov 29 Javascript
HTML5实现微信拍摄上传照片功能
Apr 21 Javascript
JavaScript实现的冒泡排序法及统计相邻数交换次数示例
Apr 26 Javascript
web前端vue之vuex单独一文件使用方式实例详解
Jan 11 Javascript
微信小程序实现横向滚动导航栏效果
Dec 12 Javascript
canvas 中如何实现物体的框选
Aug 05 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读取XML值的代码(推荐)
2011/01/01 PHP
php Smarty初体验二 获取配置信息
2011/08/08 PHP
PHP文章按日期(月日)SQL归档语句
2012/11/29 PHP
根据ip调用新浪api获取城市名并转成拼音
2014/03/07 PHP
PHP函数extension_loaded()用法实例
2015/01/19 PHP
PHP+Ajax实现验证码的实时验证
2016/07/20 PHP
Kindeditor编辑器添加图片上传水印功能(php代码)
2017/08/03 PHP
php使用QueryList轻松采集js动态渲染页面方法
2018/09/11 PHP
PHP中引用类型和值类型功能与用法示例
2019/02/26 PHP
jQuery学习笔记之总体架构
2014/06/03 Javascript
js网页右下角提示框实例
2014/10/14 Javascript
详谈JavaScript内存泄漏
2014/11/14 Javascript
javascript动画之磁性吸附效果篇
2016/12/09 Javascript
JavaScript省市级联下拉菜单实例
2017/02/14 Javascript
pace.js和NProgress.js两个加载进度插件的一点小总结
2018/01/31 Javascript
JavaScript对象拷贝与Object.assign用法实例分析
2018/06/20 Javascript
微信小程序中换行空格(多个空格)写法详解
2018/07/10 Javascript
微信小程序实现下拉菜单切换效果
2020/03/30 Javascript
详解实现一个通用的“划词高亮”在线笔记功能
2019/04/23 Javascript
Python MySQL数据库连接池组件pymysqlpool详解
2017/07/07 Python
Python制作动态字符图的实例
2019/01/27 Python
Python matplotlib画图与中文设置操作实例分析
2019/04/23 Python
MATLAB数学建模之画图汇总
2020/07/16 Python
加拿大女包品牌:Matt & Nat
2017/05/12 全球购物
Carter’s官方旗舰店:美国受欢迎的婴童服装品牌
2018/01/21 全球购物
美国在线面料商店:Online Fabric Store
2018/07/26 全球购物
高分子材料个人求职信范文
2013/09/25 职场文书
医学生职业规划范文
2014/01/05 职场文书
《维生素c的故事》教学反思
2014/02/18 职场文书
关于安全演讲稿
2014/05/09 职场文书
乡村教师党员四风问题对照检查材料思想汇报
2014/10/08 职场文书
2014年煤矿工人工作总结
2014/12/08 职场文书
2015年党员自评材料
2014/12/17 职场文书
个人借条范本
2015/05/25 职场文书
Python爬虫爬取全球疫情数据并存储到mysql数据库的步骤
2021/03/29 Python
教你使用Jenkins集成Harbor自动发布镜像
2022/04/03 Servers