• 新规:续航150公里以下新能源车取消补贴 2019-10-11
  • 法国革命时代,女人流行穿什么 2019-10-11
  • 黑龙江省县(市、区)委统战部长培训班举办 2019-10-06
  • “夏季第一瓜”竟是它! 2019-10-06
  • 《阿古顿巴》藏语版在藏语卫视首播 2019-09-06
  • 晋中市“三同步”推动互联网治理创新 2019-08-27
  • 法媒:研究称美国人常用药物或增加抑郁风险 2019-08-27
  • 宝贝是地名,你能想到这么浪漫的地名在哪儿吗? 2019-08-15
  • 何树山副省长到方圆机电调研指导工作 2019-08-15
  • 3d黑圣手:jQuery .attr()和.removeAttr()方法操作元素属性示例

    来源:本网整理
    今天主要和大家一起分享一下如何使用jQuery的.attr()和.removeAttr()方法读取,添加,修改,删除元素的属性。大家在平时的Web页面制作中都有碰到如何动态的获取元素的属性和属性值,或者说动态的修改元素的某个(某些)属性的属性值。那么jQuery就可以让我们轻松的读取,添加,更改或删除一个(或多个)元素中的任何属性,在jQuery中我们可以使用下面的方法来实现:

    1 .attr():jQuery中的.attr()方法让你能轻松的读取,增加或修改一个元素的属性(详情参考.attr());
    2 .removeAttr():jQuery中的.removeAttr()方法主要用来删除一个元素的一个(或多个)属性(详情参考.removeAttr())。

    下面先来简单看一下.attr()和.removeAttr()两种方法的语法格式:
    .attr()方法
    .attr()方法有两种功能,第一种是读取元素的属性值,第二个是修改元素的属性值

    读取属性的语法
    .attr(attributeName );//attributeName 为需要获取的元素的属性名
    上面返回的是字符串“string”,值得注意的是.attr()方法只获取第一个匹配元素的属性值,如果你需要每个单独的元素的属性值,需要依靠jQuery的.each()或者.map()方法来实现。

    为元素设轩属性值的语法
    .attr(attributeName, value);//其中attributeName为元素需要设置的属性名,value是对应的元素值
    上面返回的是一个对象,主要用来为指定元素设置一个或多个属性。

    .removeAttr()方法
    .removeAttr(attributeName);//其中attributeName 是要移除的属性名

    .removeAttr()方法使用原生的javaScript中的removeAttribute()函数,但是它的优点是能够直接被jQuery对象访问调用。
    上面我们一起简单的了解了一下.attr()和.removeAttr()方法的语法,下面我们一起来看看其具体的应用,首先我们来看一个简单的html Demo:

    这种方法用来制作图片翻转是很方便的,如:
    html:
    复制代码 代码如下:
    <img src="images/a.jpg" alt="header" width="80" height="80" class="img"/>

    js:
    复制代码 代码如下:
    $("document").ready(function(){
    $(".img").hover(function(){
    $(this).attr({
    "src":"images/b.jpg",
    "alt":"change the page"
    })
    },function(){
    $(this).attr({
    "src":"images/a.jpg",
    "alt":"header"
    });
    });
    });

    彩票双色球历史开奖结果 www.s9h6.com

  • 本文相关:
  • jquery特效 幻灯片效果示例代码
  • jQuery实现鼠标滑过遮罩并高亮显示效果
  • jcrop基本参数一览
  • 基于pthread_create,readlink,getpid等函数的学习与总结
  • js字符串去重复id的实现代码
  • js检查页面上有无重复id的实现代码
  • js导出格式化的excel 实例方法
  • JavaScript地图拖动功能SpryMap的简单实现
  • js函数setTimeout延迟执行的简单介绍
  • js中如何把字符串转化为对象、数组示例代码
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 彩票双色球历史开奖结果 - 频道导航
    Copyright © 2017 彩票双色球历史开奖结果 www.s9h6.com All Rights Reserved
  • 新规:续航150公里以下新能源车取消补贴 2019-10-11
  • 法国革命时代,女人流行穿什么 2019-10-11
  • 黑龙江省县(市、区)委统战部长培训班举办 2019-10-06
  • “夏季第一瓜”竟是它! 2019-10-06
  • 《阿古顿巴》藏语版在藏语卫视首播 2019-09-06
  • 晋中市“三同步”推动互联网治理创新 2019-08-27
  • 法媒:研究称美国人常用药物或增加抑郁风险 2019-08-27
  • 宝贝是地名,你能想到这么浪漫的地名在哪儿吗? 2019-08-15
  • 何树山副省长到方圆机电调研指导工作 2019-08-15
  • 金鲨银鲨 极速十一选五助手 冰球队员贾克斯价格 河北20选5定位遗漏走势图 重庆时时彩近500期走势图 中华彩票网 昨天的福彩3d的号码是什么 象棋象棋图纸怎么画 越南河内时时彩人工计划 湖北30选5开奘公告 今日福彩3d 网球比分直播捷报网 手机版助赢软件官网 大乐透阳光探码 nba彩票官网