jquery之attr()和removeAttr() prop的使用场所

最新推荐文章于 2019-12-16 10:13:45 发布

yijiak

最新推荐文章于 2019-12-16 10:13:45 发布

阅读量496

点赞数 1

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/yijiak/article/details/50983997

版权

jquery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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>