jQuery使用元素属性attr赋值详解


Posted in Javascript onFebruary 27, 2015
1.$("Element").attr(name) '取得第一个匹配的属性值,比如$("img").attr("src")  

2.$("Element".attr(key,value)") '某一个元素设置属性  

3.$("Element".attr({key:value,key1:value,....})) ‘为某个元素一次性设置多个属性  

4.$("Element").attr(key,function) '为所有匹配的元素设置一个计算的属性值。  

5.$("Element").removeAttr(name)//移除某一个属性 

jQuery 代码:

$("img").attr("src");

参数properties 描述:

为所有图像设置src和alt属性。

jQuery 代码:

$("img").attr({ src: "test.jpg", alt: "Test Image" });

参数key,value 描述:

为所有图像设置src属性。

jQuery 代码:

$("img").attr("src","test.jpg");

参数key,回调函数 描述:

把src属性的值设置为title属性的值。

jQuery 代码:

$("img").attr("title", function() { return this.src });

以上就是本文的全部内容了,都是个人的一些经验总结,希望大家能够喜欢。

Javascript 相关文章推荐
表单的焦点顺序tabindex和对应enter键提交
Jan 04 Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
Jun 17 Javascript
javascript 事件处理示例分享
Dec 31 Javascript
jQuery使用之处理页面元素用法实例
Jan 19 Javascript
js制作可以延时消失的菜单
Jan 13 Javascript
react实现pure render时bind(this)隐患需注意!
Mar 09 Javascript
B/S(Web)实时通讯解决方案分享
Apr 06 Javascript
基于JS递归函数细化认识及实用实例(推荐)
Aug 07 Javascript
解决在vue+webpack开发中出现两个或多个菜单公用一个组件问题
Nov 28 Javascript
Vuejs 实现简易 todoList 功能 与 组件实例代码
Sep 10 Javascript
ES6 Object.assign()的用法及其使用
Jan 18 Javascript
面试中canvas绘制图片模糊图片问题处理
Mar 13 Javascript
jquery实现公告翻滚效果
Feb 27 #Javascript
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
Feb 26 #Javascript
JS+CSS实现模仿浏览器网页字符查找功能的方法
Feb 26 #Javascript
js+CSS实现弹出居中背景半透明div层的方法
Feb 26 #Javascript
js使用post 方式打开新窗口
Feb 26 #Javascript
JS仿Windows开机启动Loading进度条的方法
Feb 26 #Javascript
JS实现跟随鼠标闪烁转动色块的方法
Feb 26 #Javascript
You might like
PHP实现基于面向对象的mysqli扩展库增删改查操作工具类
2017/07/18 PHP
laravel框架邮箱认证实现方法详解
2019/11/22 PHP
PHP笛卡尔积实现原理及代码实例
2020/12/09 PHP
javascript function调用时的参数检测常用办法
2010/02/26 Javascript
js中widow.open()方法使用详解
2013/07/30 Javascript
Jquery的hover方法让鼠标经过li时背景变色
2013/09/06 Javascript
cookie的复制与使用记住用户名实现代码
2013/11/04 Javascript
jQuery 处理页面的事件详解
2015/01/20 Javascript
jQuery插件开发的五种形态小结
2015/03/04 Javascript
JavaScript获取并更改input标签name属性的方法
2015/07/02 Javascript
jQuery实现form表单元素序列化为json对象的方法
2015/12/09 Javascript
JavaScript File API实现文件上传预览
2016/02/02 Javascript
AngularJs  Understanding Angular Templates
2016/09/02 Javascript
Jquery Easyui搜索框组件SearchBox使用详解(19)
2016/12/17 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
2019/01/09 Javascript
基于vue.js实现购物车
2020/01/15 Javascript
写给新手同学的vuex快速上手指北小结
2020/04/14 Javascript
[03:10]2014DOTA2 TI马来劲旅Titan首战告捷目标只是8强
2014/07/10 DOTA
如何优雅地改进Django中的模板碎片缓存详解
2018/07/04 Python
python实现linux下抓包并存库功能
2018/07/18 Python
python 使用matplotlib 实现从文件中读取x,y坐标的可视化方法
2019/07/04 Python
Python PyCharm如何进行断点调试
2019/07/05 Python
python代码实现TSNE降维数据可视化教程
2020/02/28 Python
韩国三大免税店之一:THE GRAND 中文免税店
2016/07/21 全球购物
英国第一蛋白粉品牌:Myprotein
2016/09/14 全球购物
优秀老员工获奖感言
2014/02/15 职场文书
品质管理部岗位职责范文
2014/03/01 职场文书
铲车司机岗位职责
2014/03/15 职场文书
公司年会主持词
2014/03/22 职场文书
港澳通行证委托书怎么写
2014/08/02 职场文书
财务工作疏忽检讨书
2014/09/11 职场文书
2015年小学财务工作总结
2015/07/20 职场文书
python基础之while循环语句的使用
2021/04/20 Python
关于Mybatis中SQL节点的深入解析
2022/03/19 Java/Android
Z-Order加速Hudi大规模数据集方案分析
2022/03/31 Servers
Go Grpc Gateway兼容HTTP协议文档自动生成网关
2022/06/16 Golang