轉儲JQuery對象

我一直在學習js對象的工作，所以我決定看看會發生什麼，如果我試圖將jQuery對象分解成它的組件。我想知道是否有一個更好，更細緻的方式來做到這一點，或者有一些其他的技巧，可能是教育：轉儲JQuery對象

<!doctype html> 
<html> 

    <head> 
     <meta charset="UTF-8"> 
     <title>JQuery Dump</title> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
     <style type="text/css"> 
      ol li { 
       font-weight:bold 
      } 
      ol li ul { 
       margin-bottom:0px 
      } 
      ol li ul li { 
       display:inline-block; 
      } 
      ol li ul li { 
       font-weight:normal; 
       list-style:none; 
       margin-right:8px; 
      } 
     </style> 
    </head> 

    <body> 
     <ol> 
      <script> 
       var x = ""; 
       for(var i in jQuery) { 
        x += ("<li>" + i + "<ul>"); 
        for(var j in jQuery[i]) { 
         x += ("<li><pre>" + j + "</pre></li>"); 
        } 
        x += ("</ul></li>"); 
       } 
       document.write(x); 
      </script> 
     </ol> 
    </body> 

</html>

來源

2013-03-26 Joel Joel Binks

要快速輕鬆地檢查jQuery對象，只需將其記錄下來即可。如果您打開Firebug或Chrome開發者工具，請選擇控制檯選項卡，然後輸入'console.log（jqObject）'，它將打印出具有其所有屬性的對象。它將顯示屬性旁邊的三角形以展開它們並進一步檢查其內容。 – Zhihao 2013-03-26 06:50:54

我已經更新了我的答案，以產生更接近於您開始的輸出（但是遞歸）的輸出 – 2013-03-26 08:46:55

另請注意，您會發現許多屬性用於內部使用或提供非常高級的可擴展性。爲了學習jQuery，你應該看看[docs]（http://api.jquery.com/），瞭解你可能會讀[jQuery]的jQuery（https://github.com/jquery/jquery ） – Bergi 2013-03-26 09:23:08

這一個很好的機會，瞭解遞歸函數。這裏有一個簡潔的例子，取自 this answer，我已經適應了更好地匹配您的問題（demo）。

<div id="Tree"></div>

用下面的JavaScript：

var tree = $('#Tree'); 
function r(obj) { 
    var html = "<ul>"; 
    if (obj) 
     for (var key in obj) { 
      if (typeof obj[key] == "object") 
       html += '<li>'+key+':'+r(obj[key])+'</li>'; 
      else if (typeof obj[key] != "function") 
       html +='<li>'+key+':'+obj[key]+'</li>'; 
      else 
       html +='<li>'+key+'()</li>'; 
     } 
    html += "</ul>"; 
    return html; 
} 

$('#Tree').html(r(jQuery)); 

r(jQuery);

來源

2013-03-26 06:52:11

你應該使用''

'+ key +'：'+ r（obj [key]）+'

' – Bergi 2013-03-26 09:18:36

+1，好建議@Bergi，更新回答，jsfiddle必須等待（在我的iPhone上） – 2013-03-26 14:10:46

等級是「A」。我曾經做過一次遞歸，但不確定這是最好的方法。謝謝。 – 2013-03-26 15:21:18

如果你只是希望採取偷看到jQuery對象，你可以只使用console.dir與對象進行交互。例如，打開您的控制檯並鍵入console.dir($)。

https://developer.mozilla.org/en-US/docs/DOM/console.dir

來源

2013-03-26 06:53:06 jungy

這也是一個好主意。 – 2013-03-26 15:23:32

而是寫上面的代碼，並打印HTML頁面的代碼，你應該簡單地嘗試console.dir($)看到控制檯屏幕。

來源

2013-03-26 09:50:37

轉儲JQuery對象

回答

相關問題