【Jquery系列】prop和attr区别

2019-10-11 19:58栏目:十大网赌网址
TAG:

图片 1题材陈说

出于prop(property的缩写)和attr(attribute的缩写)翻译成中文,均有“天性、属性”等意思的来头,导致我们轻易混淆分不清,本篇小说将希图从越南语含义,中文意思和Jquery含义多个方面,深透将它们分别开来。

  • 在葡萄牙共和国(República Portuguesa)语中的精通
  • 在华语中的精晓
  • 在jquery中的精通
  • 总结

1   内容区

1.1    在立陶宛(Lithuania)语中的精通

(1)atrr 
attr是attribute缩写,其希伯来语意思如下: 
图片 2

(2)prop 
prop是property缩写,其乌Crane语意思如下: 
图片 3

1.2    在国语中的明白

从意大利共和国语含义角度,两个是特别轻松区分的;从中文角度,只是提到到“天性、属性”时,轻巧模糊,别的意思很好界别,当提到到“性格、属性”时,attribute可译为“给….增添属性”,即增添上去的脾气,而property通晓为“事物固有总体性,非增添上去的属性”,那样敞亮,与在Jquery中的prop和attr通晓一致;

1.3     在Jquery中的精晓

在Jquery中的明白与粤语中的明白一致,attr表示HTML中给DOM增多上去的性情,即自定义属性,prop表示HTML中DOM固有属性;

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <script src="~/OuterLibrary/jquery.jqGrid-4.4.3/js/jquery-1.7.2.min.js"></script>
    <title>Index</title>
    <script>
        $(document).ready(function () {
            $("#btnJqueryDemo").click(function () {
                var attrSrc = $("#error-bg").attr("src");
                var propSrc = $("#error-bg").prop("src");

                var attrImgAuthor = $("#error-bg").attr("imgAuthor");
                var propImgAuthor = $("#error-bg").prop("imgAuthor");
            });
        });


    </script>
</head>
<body>
    <div> 
        <img id="error-bg" src="~/Images/error-bg.png" alt="error-bg" weidth="30" height="30" imgAuthor="Alan_beijing" />
        <input type="button" id="btnJqueryDemo" value="JqueryDemo"/>
    </div>
</body>
</html>

测验结果:

图片 4

1.4     总结

(1)在管理自定义时属性时,用attr(),若用prop(),则结果为undefined;

(2)DOM固有属性,采纳prop()和attr()均可(差别版本Jquery有所不一致);

关于prop()和attr()在Jquery中的用法,建议严峻遵守“适合DOM固有属性,W3C标准属性的,用prop();对于自定义属性,用atrr()”的口径;

2  版权区

 

 

  • 谢谢您的读书,若有不足之处,招待指教,共同学习、共同提高。
  • 博主网站:
  • 极少一些文章利用读书、仿效、引用、抄袭、复制和粘贴等多样主意结合而成的,大多数为原创。
  • 如你喜欢,麻烦推荐一下;如您有新主张,迎接建议,邮箱:二〇一四177728@qq.com。
  • 能够转发该博客,但不可能不知名博客来源。

   

版权声明:本文由金莎国际发布于十大网赌网址,转载请注明出处:【Jquery系列】prop和attr区别