jQuery 的attr

attr是jQuery的属性。
 1 - - attr(name)
取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined
例如:
 html:
  <div  class="pz1z" id="zzzz" >
   <span>aaaa</span>
  </div>
 js:
  $(document).ready(function(){
   var  aa= $("div").attr("class");
   alert(aa)
  });
  打印的结果为div 便签class属性的值 pz1z 
注意:这种只会获取第一个匹配的元素 如果两个div 只能获取到第一个的属性值。可以通过选择器加以过滤(pzz)

2 - - attr(properties)   返回值:jQuery
properties    Map

将一个“名/值”形式的对象设置为   《所有匹配元素》     的属性。

这是一种在所有匹配元素中批量设置很多属性的最佳方式。 注意,如果你要设置对象的class属性,你必须使用‘className‘ 作为属性名。或者你可以直接使用.addClass( class ) 和 .removeClass( class ).
 html:
  <img id="nihao" src="sssss"/>

js:
  $("img").attr({src:"woqunimei",id:"buhao"});
注意:会改变所有匹配元素的属性 如果过滤条件为div 那么所有的div元素的属性都将会改变 。同时它的()里有一对大括号(pzz)、

3 - - attr(key, value)    返回值:jQuery
 为所有匹配的元素设置一个属性的值 key  value 均为string类型,也就是都是"",""的格式
 html:
  <img id="nihao" src="sssss"/>
 js:
  $("img#img1").attr("src","woqunimei");
 var  aa= $("img#img1").attr("src");
 alert(aa)

result:
  “woqunimei”(attr(name)只会找到第一个匹配的元素,所有要加过滤的条件)
注意:这种只能单一的改变元素的一个属性值,如果要改变多个属性,可以参考attr(properties)函数。同时,它也会改变所有匹配到的元素属性值(pzz)

4 - -attr(key, function(index, attr))  返回值 jQuery
 key(class)  String   function(index, attr)        Function
 
 为所有匹配的元素改变一个属性的值,只不过第二个参数不同于 attr(key, value),不再是一个value string类型的值,而是一个函数
 示例
 HTML 代码:
  <input type="text"/>
  //<input type="text"/>
 jQuery 代码:
  $("input[type=‘text‘]").attr("value",function(){
  return "我是一个菜鸟"
 });
 //$("img").attr("title", function() { return this.src });
 结果:
  <img src="test.jpg" value="我是一个菜鸟" /> (页面加载后,文本框中会出现  “我是一个菜鸟”)

注意:这样会改变所有匹配到的元素属性值,如果有两个文本输入框,都会受到影响 (pzz)

5 - - removeAttr(name)    返回值:jQuery
   从每一个匹配的元素中删除一个属性,
 描述:
 将文档中图像的src属性删除

HTML 代码:
  <input type="text"/ value="我是一个菜鸟">
  <input type="text"/ value="我不是一个菜鸟">
 jQuery 代码:
  $("input").removeAttr("value");;
 结果:
  两个文本框中什么字读没有了;
注意:删除的是所有的匹配元素的一个属性值,attr首字母大写。jQuery 1.7以上版本支持一次删除多个属性的值$("input").removeAttr("class value");
属性之间用空格符隔开

时间: 2024-10-11 23:03:48

jQuery 的attr的相关文章

jquery的attr方法禁用表单元素

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <ti

jquery中attr和prop的区别分析

这篇文章主要介绍了jquery中attr和prop的区别分析的相关资料,需要的朋友可以参考下 在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了. 关于它们两个的区别,网上的答案很多.这里谈谈我的心得,我的心得很简单: • 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. • 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. 上面的描述也许有点模糊,举几个例子就知道了. 复制代码代

jquery中attr方法和prop方法的区别

关于checked的属性,最重要的概念就是你要记住,它跟checked的状态值是毫无关系的,设置checked = "checked"或者checked = "true"等属性设置,和它的状态值true/false是无关的.,而这里的属性值,事实上只是和defaultChecked的状态值有关,并且只能用来设置checkbox的初始的值.checked的属性值并不会随着checkbox的的状态变化而变化,可是checkbox的状态值却会.因此,为了能更好的跨浏览器的

jQuery中attr()方法用法实例

本文实例讲述了jQuery中attr()方法用法.分享给大家供大家参考.具体分析如下: 此方法设置或返回匹配元素的属性值. attr()方法根据参数的不同,功能也不同. 语法结构一: 获取第一个匹配元素指定属性的属性值. 代码如下: $(selector).attr(name) 参数列表: 参数 描述 name 定义要获取其值的属性名称. 实例代码: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="

jquery 的attr()方法解析

我想用jquery的attr()方法修改一个li小圆点的背景颜色和外边框的时候:刚开始 $("#shanghai-btn").attr({background:"#999",border:"1px solid #999"}); 我是这样写的.但是执行之后并没有起作用,于是很好奇的去打开浏览器审查元素,发现,jquery的attr()方法的执行机制是将括号内的属性添加到html属性,成为内嵌样式. 于是我马上知道要怎么改代码了 $("#h

【转】jQuery的attr与prop

原文:<jQuery的attr与prop> jQuery1.6中新添加了一个prop方法,看起来和用起来都和attr方法一样,这两个方法有什么区别呢?这要从HTMl 的attribute与property区别说起,attr与prop正是这两个东西的缩写. attribute与property attribute和property都可以翻译为属性,为了以示区别,通常把这两个单词翻译为属性与特性. <div id="test">Click Here</div&

使用jQuery的attr方法来修改onclick值

这篇文章主要介绍了通过jQuery的attr修改onclick值的解决方法 ,需要的朋友可以参考下 var js = "alert('B:' + this.id); return false;"; var newclick = eval("(function(){"+js+"});"); $("#anchor").attr('onclick', '').click(newclick); 如果onclick事件原先有值,要先清空

jquery中attr() &amp; prop() 的区别与其实现方法

$(function(){ $('#check').attr('checked'); // undefind ???一头雾水 }) 在jquery中 attr 本来就是用来设置或者获取属性的,可是上面的方法却返回给 undefined ? 然后我尝试用 $('#check').prop('checked'); 发现可以正常运行!! 在jquery中prop是相对来说版本比较新的一个方法,乍一看它的功能好像和attr没有什么很大的差别,的确,它们都可设置或者来获取属性,比如 $('#div').a

对jquery的 attr()和prop()理解

jquery1.6版本后引入了prop()方法,很多时候总是混淆attr()与prop()这俩,下面分析一下这俩的区别 在此之前,先来了解一下html 的attribute和property,因为jquery的attr()和prop()正是来源于这俩东西.先看一段html代码: <span id="testId" class="testClass" selfAttribute="selfValue"></span> 根据

jquery的attr()方法

在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中,用一个attr()就可以全部搞定了,赞一个先 ^^ jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. 1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取一个属性的值.