必威电竞【Jquery体系】prop和attr区别

必威电竞 1难点呈报

是因为prop(property的缩写)和attr(attribute的缩写)翻译成人中学文,均有“特性、属性”等意思的由来,引致我们轻易混淆分不清,本篇文章将思量从克罗地亚共和国(Republika Hrvatska卡塔尔语含义,中文意思和Jquery含义四个方面,通透到底将它们分别开来。

  • 在加泰罗尼亚语中的驾驭
  • 在国语中的通晓
  • 在jquery中的明白
  • 总结

1   内容区

1.1 
  在英文中的明白

(1)atrr 
attr是attribute缩写,其罗马尼亚语意思如下: 
必威电竞 2

(2)prop 
prop是property缩写,其立陶宛语意思如下: 
必威电竞 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  版权区

 

 

  • 谢谢您的开卷,若有美中不足,款待指教,同盟学习、合营提升。
  • 博主网站:http://www.cnblogs.com/wangjiming/。
  • 极少一些文章利用读书、参谋、引用、抄袭、复制和粘贴等各类方法结合而成的,大多数为原创。
  • 如你喜欢,麻烦推荐一下;如您有新主见,应接指出,邮箱:二〇一五177728@qq.com。
  • 可以转发该博客,但不得不有名博客来源。

   

admin

网站地图xml地图