attr(name) — 取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined 。
参数 : name — 属性名称(String)
示例 :
返回文档中第一个图像的src属性值。
HTML 代码:
<img src="test.jpg"/>
jQuery 代码:
$("img").attr("src");
结果:
test.jpg

attr(properties) — 将一个“名/值”形式的对象设置为所有匹配元素的属性。这是一种在所有匹配元素中批量设置很多属性的最佳方式。 注意,如果你要设置对象的class属性,你必须使用'className' 作为属性名。或者你可以直接使用.addClass( class ) 和 .removeClass( class ).
参数 : 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) — 为所有匹配的元素设置一个属性值。
参数 :
key — 属性名称(String)
value — 属性值(Object)
示例 :
为所有图像设置src属性。
HTML 代码:
<img/>
<img/>
jQuery 代码:
$("img").attr("src","test.jpg");
结果:
[ <img src= "test.jpg" /> , <img src= "test.jpg" /> ]

attr(key, function(index, attr))  — 为所有匹配的元素设置一个计算的属性值。不提供值,而是提供一个函数,由这个函数计算的值作为属性值。
参数 :
key — 属性名称(String)
function(index, attr) — 返回属性值的函数 ,第一个参数为当前元素的索引值,第二个参数为原先的属性值。(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) — 从每一个匹配的元素中删除一个属性
参数 : name — 要删除的属性名(String)
示例 :
将文档中图像的src属性删除
HTML 代码:
<img src="test.jpg"/>
jQuery 代码:
$("img").removeAttr("src");
结果:
[ <img /> ]

转载于:https://www.cnblogs.com/xiaoyusmile/archive/2012/03/13/2393311.html

jQuery 中的 attr相关推荐

  1. jQuery中的attr()与prop()设置属性、获取属性的区别

    举例,比如我们要获取checkbox的属性或者设置checkbox选中或不选中. $("#editForm").find("input[type='checkbox']& ...

  2. JQuery中的.attr()与.removeAttr()

    每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息.如:在img元素中,src就是元素的特性,用来标记图片的地址. 在JS中,我们经常使用到的DOM,操作特性方法主要有3 ...

  3. jquery中的attr()和prop()

    2019独角兽企业重金招聘Python工程师标准>>> jQuery1.6中新添加了一个prop方法,看起来和用起来都和attr方法一样,这两个方法有什么区别呢?这要从HTMl 的a ...

  4. jquery中的attr函数attr(name)、attr(key,value)、attr(properties)、attr(key,fn)、removeAttr

    全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-style样式操作全解 jquery通过attr函数操作元素属性 jquery的attr函数,包括attr(name).attr(key,v ...

  5. 简单了解JQuery中的attr及removeAttr

    <body><span class="span1" name="it1"></span><span class=&qu ...

  6. JQuery中如何动态修改input的type属性

    代码如下: 1 jQuery(".member_id").focus(function() { 2 jQuery(this).val(''); 3 }).blur(function ...

  7. 三、jQuery 中的 DOM 操作(超详细)

    文章目录 前言 一. DOM 介绍 二. 查找节点 2.1查找元素节点 2.2查找属性节点 三. 创建节点 3.1.创建元素节点 3.2.创建文本节点 3.3.创建属性节点 四.插入节点 4.1 DO ...

  8. html添加删除元素属性,jQuery学习笔记——.attr()和.removeAttr()方法操作元素属性

    今天主要和大家一起分享一下如何使用jQuery的jQuery就可以让我们轻松的读取,添加,更改或删除一个(或多个)元素中的任何属性,在jQuery中我们可以使用下面的方法来实现:.attr():jQu ...

  9. jQuery中attr和prop方法的区别

    2019独角兽企业重金招聘Python工程师标准>>> 相比attr,prop是1.6.1才新出来的,两者从中文意思理解,都是获取/设置属性的方法(attributes和proper ...

  10. Jquery中attr与prop的区别

    prop()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性,返回值是空字符串. attr()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性, ...

最新文章

  1. 数组 = 容器
  2. Consecutive Sum Riddle(800)
  3. PhotoShop更改图片背景色
  4. dubbo服务提供与消费
  5. C++primer习题--第3章
  6. Java中java.lang.Class的初步学习
  7. 拿着 22 万美元年薪,混得还不如实习生?
  8. 云知声原创技术再获肯定:多篇论文被国际语音顶会 INTERSPEECH 2020 收录
  9. 用Android studio 做出QQ登录界面
  10. 沪深300指数的跟踪基金排名
  11. Python os.popen() 方法
  12. 浅谈~2016的一些亮点!
  13. 计算机运行黑屏显示器正常,电脑主机运行正常显示器黑屏怎么办
  14. Android基础课程:第三方视频播放器(播放网络资源)
  15. 【K210】K210学习笔记七——使用K210拍摄照片并在MaixHub上进行训练
  16. 广州车展直击:全新“机甲科技”沙龙机甲龙全球首发
  17. Android通过AsyncTask与ThreadPool(线程池)两种方式异步加载大量数据的分析与对比
  18. imagemagick替换图片指定区域颜色
  19. AutoSar CAN网络管理状态机理解
  20. 计算机域名怎么查看?如何查看电脑域名?

热门文章

  1. tcpreplay,tcprewrite的使用
  2. 电商如何做企业总体架构?
  3. YouTube 架构揭秘与学习
  4. 昨天,美团程序员的年终奖金可能没了!
  5. 年底一大波“优化”来了
  6. 西方主要管理思想简介
  7. angularjs ng-include
  8. Miller-rabin判素数
  9. webService(一)开篇
  10. Rem实现自适应初体验