4-4 检测对象是否为原始对象
本节编程练习不计算学习进度,请电脑登录imooc.com操作

检测对象是否为原始对象

调用名为$.isPlainObject的工具函数,能检测对象是否为通过{}new Object()关键字创建的原始对象,如果是,返回true,否则,返回false值,调用格式为:

$.isPlainObject (obj);

其中,参数obj表示需要检测的对象名称。

例如,通过$.isPlainObject()函数,检测某个指定的对象是否为原始,并将结果显示在页面中,如下图所示:

在浏览器中显示的效果:

从图中可以看出,由于自定义的obj_a和obj_b都是属于原始对象,因此,当调用$.isPlainObject()函数检测这两个对象时,都返回true值。

任务

我来试试,亲自调用$.isPlainObject()函数检测某个指定对象为原始对象。

在下列代码的第20行,调用$.isPlainObject()函数检测指定的obj对象是否为原始对象。

  1. <html>
  2. <head>
  3. <title>检测对象是否为原始对象</title>
  4. <link href="style.css" rel="stylesheet" type="text/css" />
  5. <script src="http://www.imooc.com/data/jquery-1.8.2.min.js" type="text/javascript"></script>
  6. </head>
  7.  
  8. <body>
  9. <div id="divtest">
  10. <div class="title">
  11. <span class="fl">检测对象是否为原始对象</span>
  12. </div>
  13. <div class="content"></div>
  14. </div>
  15.  
  16. <script type="text/javascript">
  17. $(function () {
  18. var obj = "null";
  19. var strTmp = "您定义了一个:";
  20. if (?) { //检测是否为原始对象
  21. strTmp += "原始对象";
  22. }
  23. else {
  24. strTmp += "非原始对象";
  25. }
  26. $(".content").html(strTmp);
  27. });
  28. </script>
  29. </body>
  30. </html>
  1. #divtest
  2. {
  3. width: 282px;
  4. }
  5. #divtest .title
  6. {
  7. padding: 8px;
  8. background-color: Blue;
  9. color: #fff;
  10. height: 23px;
  11. line-height: 23px;
  12. font-size: 15px;
  13. font-weight: bold;
  14. }
  15. #divtest .content
  16. {
  17. padding: 8px;
  18. background-color: #fff;
  19. font-size: 13px;
  20. }
  21. .fl
  22. {
  23. float: left;
  24. }
  25. .fr
  26. {
  27. float: right;
  28. }
下一节