zoukankan      html  css  js  c++  java
  • jquery之attr()和removeAttr() prop的使用场所

    attr方法可以查看属性的对应的值,也可以设置属性的值,可以设置多个属性的值,也可以把函数的返回值作为设置属性的值,但是在
    removeAttr()只能移除单个属性的值,里面并不能加上多个参数会默认一处第一个参数,加json数据是不能被识别的。
      prop()方法的使用所能获取的属性值很少,
    async autofocus checked location ( i.e. window.location ) multiple readOnly selected

    *多用于表单的checked和selected 他的返回值只有true和false
     
    
    
    <!DOCTYPE html>
    <html>
    <head lang="en">
    <meta charset="UTF-8">
    <script src="../jquery/jquery-2.2.2.min.js"></script>
    <script type="text/javascript">
    /*
    * 总结:
    * attr的参数为一个的时候,是获取当前设置属性的值,
    * 当参数为一个json数组的时候,是设置多个值
    * 当参数为两个的时候,是添加属性和值,
    * 当参数含有函数的时候,是把函数的返回值作为添加属性的值*/
    $(function(){
    var ss = $("#option1 option:selected");//默认选中的被选中的数据
    // alert(ss);
    alert(ss.attr("name"));//可以获取他的name的值
    var s = {id:'aa','aaa':'aaa'};
    ss.attr(s);//一次设置多个属性
    ss.attr('ida','haha');//设置一个熟悉
    ss.attr('niha',function(){
    return 'aaa';//通过函数返回值设置属性
    });
    ss.removeAttr("id");

    var propa = ss.prop('name');//undefined
    var propaa = ss.prop('id');//没有任何值
    /*上面的原因是prop()不能再使用在这种属性之下,
    * 因为prop()所能使用的属性范围很窄,
    * async autofocus checked location ( i.e. window.location ) multiple readOnly selected
    * 多用于表单的checked和selected 他的返回值只有true和false*/

    alert(propa);

    })
    </script>
    <title></title>
    </head>
    <body>
    <input type="text" name="nihao" id="hha" value="se"/>
    <select name="aa" id="option1">
    <option value="aa" >dada</option>
    <option value="dada" selected name="aaaaa">dada</option>
    <option value="dad">dada</option>
    <option value="dad">dada</option>
    </select>
    </body>
    </html>



  • 相关阅读:
    C# 中使用反射的优缺点
    winfrom---Window 消息大全
    Entity Framework:三种开发模式实现数据访问
    asp.net Core 2.0 MVC为Controller或Action添加定制特性实现登录验证
    [十二省联考2019] 异或粽子 解题报告 (可持久化Trie+堆)
    [jzoj 3175] 数树数 解题报告 (树链剖分)
    [jzoj 5661] 药香沁鼻 解题报告 (DP+dfs序)
    [jzoj 5662] 尺树寸泓 解题报告 (线段树+中序遍历)
    [jzoj 5664] [GDOI2018Day1模拟4.6] 凫趋雀跃 解题报告(容斥原理)
    范德蒙恒等式学习笔记
  • 原文地址:https://www.cnblogs.com/laok/p/5320673.html
Copyright © 2011-2022 走看看