2011-11-14 84 views
2

現在學習jquery,雖然我猜這個問題對任何編程語言都是真的。傳統智慧jquery:我怎麼知道我已經選擇了等

我將通過實例提出這樣的問題:

正在閱讀 「jQuery的基本面」。在練習中,其中一個問題是「找出頁面上隱藏了多少元素(提示:.length)。」我寫了代碼「$('html:hidden')。length;」

在這個階段我不知道輸出。要知道,如果我寫正確的代碼,然後我說:

「變種隱藏= $( 'HTML:隱藏')。長度;

$( 'H3')HTML(隱藏);」

h3更改爲「8」,告訴我頁面上有8個隱藏元素。改變h3元素以發現我做了正確的事情似乎有點粗糙。有沒有一種常規的方法來知道你是否正確地選擇了一個對象,或者知道一個值,而沒有在html文檔上實際寫入?

+0

你想知道你是否正確地選擇了它 - 在調試/編寫你的代碼_或在生產中?這兩種情況有微妙的不同。 – BryanH

+0

我想現在情況會是生產 –

+0

Grim ...的答案是一個很好的生產方式,因爲除非她正在運行一個控制檯(這是非常罕見的),否則用戶什麼也看不到。 – BryanH

回答

8

老派的方式是

alert(variable); 

但是,如果你使用的是與內置的Web開發功能的瀏覽器更好的(如Chrome或IE8 +):

console.log(variable); 

在Chrome中,用CTRL + SHIFT + J打開控制檯(日誌出現的地方)。

你甚至可以直接輸入你的jQuery到控制檯。例如,這個「答案」頁面上,如果你使用的是Firefox,讓螢火蟲插件打字

$("html:hidden").length 

返回0

。我真的不記得我沒有他們如何發展。

+0

我使用螢火蟲作爲新手。你能否詳細說明如何使用console.log?我是否在螢火蟲或js文件中輸入console.log?感謝您的幫助 –

+0

你把它放在Javascript文件中。另外,就像我說的,只需在代碼中輸入代碼'$(「html:hidden」)。length'「即可。 –

+0

閱讀'https://developer.mozilla.org/en/Using_the_Web_Console'(就像其他人提到的一樣)。 –

3

,最好的辦法是使用 -

console.log(hidden) 

https://developer.mozilla.org/en/Using_the_Web_Console

你也可以使用

alert(hidden) 

,但將顯示一個消息框,每個調試語句,可以證明比寫入html文檔更具破壞性。 console.log也具有能夠輸出諸如數組之類的更復雜對象的內容的優點。

1

是的。兩種方法通常用於:

  1. alert("[YourValue]");
  2. console.log("[YourValue]");

其它信息:

MDN:console.log MDN:alert()

相關問題