本篇文章将准备从英文含义,其英文意思如下

(二)DOM固有属性,选拔prop()和attr()均可(不相同版本Jquery有所差距);

【Jquery系列】prop和attr区别,jquerypropattr

图片 1标题讲述

是因为prop(property的缩写)和attr(attribute的缩写)翻译成汉语,均有“性格、属性”等意思的原因,导致我们不难混淆分不清,本篇小说将准备从英文含义,中文意思和Jquery含义多个方面,彻底将它们分别开来。

  • 在英文中的掌握
  • 在中文中的通晓
  • 在jquery中的了然
  • 总结

1   内容区

一.壹    在英文中的通晓

(1)atrr 
attr是attribute缩写,其英文意思如下: 
图片 2

(2)prop 
prop是property缩写,其英文意思如下: 
图片 3

一.2    在华语中的了解

从英文含义角度,两者是非凡简单区分的;从中文角度,只是提到到“性格、属性”时,不难混淆视听,其余意思很好界别,当提到到“性情、属性”时,attribute可译为“给….添加属性”,即添加上去的性子,而property驾驭为“事物固有总体性,非添加上去的品质”,这样掌握,与在Jquery中的prop和attr驾驭一致;

1.三     在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;
(贰)DOM固有属性,接纳prop()和attr()均可(差异版本Jquery有所差距);

至于prop()和attr()在Jquery中的用法,提出严俊依照“符合DOM固有属性,W3C标准属性的,用prop();对于自定义属性,用atrr()”的规格;

2  版权区

 

 

  • 感激您的读书,若有不足之处,欢迎指教,共同学习、共同升高。
  • 博主网站:http://www.cnblogs.com/wangjiming/。
  • 极少一些小说利用读书、参考、引用、抄袭、复制和粘贴等多样艺术组成而成的,超过二分一为原创。
  • 如你喜欢,麻烦推荐一下;如您有新想法,欢迎建议,邮箱:[email protected]
  • 能够转载该博客,但必须盛名博客来源。

   

http://www.bkjia.com/jQuery/1231428.htmlwww.bkjia.comtruehttp://www.bkjia.com/jQuery/1231428.htmlTechArticle【Jquery系列】prop和attr区别,jquerypropattr
难点讲述
由于prop(property的缩写)和attr(attribute的缩写)翻译成普通话,均有特点、属性等情趣的缘由,…

一.三   
 在Jquery中的驾驭

(2)prop 
prop是property缩写,其英文意思如下: 
图片 5

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

在Jquery中的驾驭与粤语中的掌握1致,attr表示HTML中给DOM添加上去的习性,即自定义属性,prop表示HTML中DOM固有属性;

1.二   
在中文中的理解

 

   

 

一.壹 
  在英文中的精通

图片 6难题讲述

图片 7

  • 多谢您的阅读,若有不足之处,欢迎指教,共同学习、共同进步。
  • 博主网站:http://www.cnblogs.com/wangjiming/。
  • 极少一些小说利用读书、参考、引用、抄袭、复制和粘贴等多样艺术结合而成的,超越百分之二拾伍为原创。
  • 如你喜欢,麻烦推荐一下;如您有新想法,欢迎建议,邮箱:贰零一四17772捌@qq.com。
  • 能够转发该博客,但必须盛名博客来源。

从英文含义角度,两者是卓殊不难区分的;从汉语角度,只是提到到“天性、属性”时,不难模糊,其余意思很好界别,当提到到“性子、属性”时,attribute可译为“给….添加属性”,即添加上去的品质,而property精通为“事物固有总体性,非添加上去的习性”,那样领会,与在Jquery中的prop和attr驾驭一致;

(1)atrr 
attr是attribute缩写,其英文意思如下: 
图片 8

1   内容区

1.4     总结

2  版权区

有关prop()和attr()在Jquery中的用法,建议严刻依据“符合DOM固有属性,W3C标准属性的,用prop();对于自定义属性,用atrr()”的尺度;

鉴于prop(property的缩写)和attr(attribute的缩写)翻译成中文,均有“性格、属性”等意思的原因,导致大家不难混淆分不清,本篇小说将准备从英文含义,汉语意思和Jquery含义多个方面,彻底将它们分别开来。

测试结果:

  • 在英文中的精通
  • 在中文中的理解
  • 在jquery中的明白
  • 总结
<!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>

相关文章