jquery 学习之二 属性相关


Posted in Javascript onNovember 23, 2010

attr(name)
取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined 。
Access a property on the first matched element. This method makes it easy to retrieve a property value from the first matched element. If the element does not have an attribute with such a name, undefined is returned.
返回值
Object

参数
name (String) : 属性名称

示例
返回文档中第一个图像的src属性值。

HTML 代码:

<img src="test.jpg"/>
jQuery 代码:

$("img").attr("src");
结果:

test.jpg
---------------------------------------------------------------------------------------------------------------------------------------
attr(properties)
将一个“名/值”形式的对象设置为所有匹配元素的属性。
这是一种在所有匹配元素中批量设置很多属性的最佳方式。 注意,如果你要设置对象的class属性,你必须使用'className' 作为属性名。或者你可以直接使用.addClass( class ) 和 .removeClass( class ).
Set a key/value object as properties to all matched elements.
This serves as the best way to set a large number of properties on all matched elements. Note that you must use 'className' as key if you want to set the class-Attribute. Or use .addClass( class ) or .removeClass( class ).
返回值
jQuery

参数
properties (Map) : 作为属性的“名/值对”对象

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

HTML 代码:

<img/>
jQuery 代码:

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

[ <img src= "test.jpg" alt:="Test Image" /> ]
---------------------------------------------------------------------------------------------------------------------------------------
attr(key,value)
为所有匹配的元素设置一个属性值。
Set a single property to a value, on all matched elements.
返回值
jQuery

参数
key (String) : 属性名称

value (Object) : 属性值

示例
为所有图像设置src属性。

HTML 代码:

<img/>
<img/>
jQuery 代码:

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

[ <img src= "test.jpg" /> , <img src= "test.jpg" /> ]
---------------------------------------------------------------------------------------------------------------------------------------
attr(key,fn)
为所有匹配的元素设置一个计算的属性值。
不提供值,而是提供一个函数,由这个函数计算的值作为属性值。
Set a single property to a computed value, on all matched elements.
Instead of supplying a string value as described 'above', a function is provided that computes the value.
返回值
jQuery

参数
key (String) : 属性名称

fn (Function) : 返回值的函数 范围:当前元素, 参数: 当前元素的索引值

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

HTML 代码:

<img src="test.jpg"/>
jQuery 代码:

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

<img src="test.jpg" title="test.jpg" />
---------------------------------------------------------------------------------------------------------------------------------------
removeAttr(name)
从每一个匹配的元素中删除一个属性
Remove an attribute from each of the matched elements.
返回值
jQuery

参数
name (String) : 要删除的属性名

示例
将文档中图像的src属性删除

HTML 代码:

<img src="test.jpg"/>
jQuery 代码:

$("img").removeAttr("src");
结果:

[ <img /> ]

Javascript 相关文章推荐
javascript(jquery)利用函数修改全局变量的代码
Nov 02 Javascript
按给定几率进行随机抽取的js代码
Dec 28 Javascript
JavaScript实现的日期控件具体代码
Nov 18 Javascript
window.open打开页面居中显示的示例代码
Dec 27 Javascript
JS时间特效最常用的三款
Aug 19 Javascript
超精准的javascript验证身份证号的具体实现方法
Nov 18 Javascript
javascript冒泡排序小结
Apr 10 Javascript
基于jquery实现ajax无刷新评论
Aug 19 Javascript
node.js实现博客小爬虫的实例代码
Oct 08 Javascript
javascript实现的图片预览功能
Mar 25 Javascript
Angularjs实现控制器之间通信方式实例总结
Mar 27 Javascript
小程序关于请求同步的总结
May 05 Javascript
jquery 学习之一 对象访问
Nov 23 #Javascript
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
Nov 21 #Javascript
IE6下出现JavaScript未结束的字符串常量错误的解决方法
Nov 21 #Javascript
基于jquery的滑动样例代码
Nov 20 #Javascript
jquery $.ajax()取xml数据的小问题解决方法
Nov 20 #Javascript
简单实用的js调试logger组件实现代码
Nov 20 #Javascript
扩展javascript的Date方法实现代码(prototype)
Nov 20 #Javascript
You might like
全国FM电台频率大全 - 20 广西省
2020/03/11 无线电
php_screw安装使用教程(另一个PHP代码加密实现)
2014/05/29 PHP
php显示指定目录下子目录的方法
2015/03/20 PHP
javascript 原型模式实现OOP的再研究
2009/04/09 Javascript
用JavaScript实现页面重定向功能的教程
2015/06/04 Javascript
关于input全选反选恶心的异常情况
2016/07/24 Javascript
分享JavaScript监听全部Ajax请求事件的方法
2016/08/28 Javascript
jQuery插件ajaxFileUpload异步上传文件
2016/10/19 Javascript
学习 NodeJS 第八天:Socket 通讯实例
2016/12/21 NodeJs
vuejs2.0实现一个简单的分页示例
2017/02/22 Javascript
简单实现JavaScript弹幕效果
2020/08/27 Javascript
详解如何在react中搭建d3力导向图
2018/01/12 Javascript
nodejs log4js 使用详解
2019/05/31 NodeJs
Vue.js watch监视属性知识点总结
2019/11/11 Javascript
JS实现可控制的进度条
2020/03/25 Javascript
python改变日志(logging)存放位置的示例
2014/03/27 Python
python查看微信好友是否删除自己
2016/12/19 Python
python实现字典(dict)和字符串(string)的相互转换方法
2017/03/01 Python
python Crypto模块的安装与使用方法
2017/12/21 Python
如何使用django的MTV开发模式返回一个网页
2019/07/22 Python
python实现的发邮件功能示例
2019/09/11 Python
通过celery异步处理一个查询任务的完整代码
2019/11/19 Python
django queryset 去重 .distinct()说明
2020/05/19 Python
Python自定义聚合函数merge与transform区别详解
2020/05/26 Python
如何用tempfile库创建python进程中的临时文件
2021/01/28 Python
Europcar比利时:租车
2019/08/26 全球购物
小学毕业家长寄语
2014/01/19 职场文书
社区端午节活动方案
2014/01/28 职场文书
骨干教师考核方案
2014/05/09 职场文书
体育专业自荐书
2014/05/29 职场文书
关于学习的决心书
2015/02/05 职场文书
长征观后感
2015/06/09 职场文书
幼儿园卫生保健制度
2015/08/05 职场文书
大学生就业指导课心得体会
2016/01/15 职场文书
导游词之大雁塔景区
2019/09/17 职场文书
python自动计算图像数据集的RGB均值
2021/06/18 Python