zoukankan      html  css  js  c++  java
  • jQuery-修改元素属性

    1、attr方法
    获取匹配的元素集合中的第一个元素的属性的值 或 设置匹配元素指定的属性
    使用说明:
    1)只传一个参数的情况:
    1>字符串(属性名称)
    只传一个字符串属性名称 表示获取匹配的元素集合中的第一个元素的属性的值
    2>属性 - 值 集合对象
    一次性设置多个属性
    2)传两个参数的情况:
    1>第一个参数:
    字符串属性名称
    2>第二个参数:
    ①属性的值
    ②函数(index, attr)
    这个函数返回用来设置的值,this指向当前的元素
    接收表示元素在匹配集合中的索引位置的参数和表示元素上原来的 该属性 值的参数
    return的数据就是这个属性的值
    2、removeAttr方法
    为匹配的元素集合中的每个元素中移除指定的属性
    参数类型说明:
    要移除的属性名,它可以是一个空格分隔的多个属性
    3、prop方法
    prop也是用来获取和设置属性的值,但和attr也有一些使用场合的区别
    1.添加属性名称该属性就会生效应该使用prop
    2.prop()方法适用于Boolean值的属性
    3.其他则使用attr
    简单点说:我们建议以下属性使用prop方法
    checked、readonly、selected、disabled、autofocus等
    4、removeProp方法
    删除自定义属性
    对于原生的属性checked、selected、disabled等建议设置为false而不是直接删除
    使用较少,因为我们一般直接prop方法设置为false就可以了!

     1 <script type="text/javascript">    
     2     $(function(){
     3     alert($("p").attr("id"));//获取选择器的第一个元素的id值
     4     $("p").attr("class","classP");//更新选择器的所有元素的class值
     5     alert($("p").attr("class"));
     6     var obj1={
     7         'class':"xx",
     8         'href':"http://www.baidu.com"
     9     }
    10     $("a").attr(obj1);
    11     $("a").attr("href",function(index,attr){
    12         if(this.id=='a1'){return "http://www.qq.com"};
    13     });    
    14     alert($("a").attr('href'));
    15     $("#a1").removeAttr('accesskey onfocus');
    16     });
    17 </script>
    18 
    19 <p id="oo" class="pg">段落</p>
    20 <p>段落</p>
    21 <a id='a1' accesskey="" onfocus="">链接</a>
    22 <a>链接</a>
  • 相关阅读:
    XML WebService完全实例详细解析
    List (Java 2 Platform SE 5.0)
    frameset
    关于在outlook2007里面编辑签名的问题
    关于javax.servlet.Http.*;不能被引用的问题
    select标签HTML,刚做地。
    UIButton中setTitleEdgeInsets和setImageEdgeInsets的使用
    玩转UICollectionViewLayout
    常用公共方法
    cell嵌套UIWebView遇到的几个问题
  • 原文地址:https://www.cnblogs.com/yw0219/p/5967487.html
Copyright © 2011-2022 走看看