传统智慧Jquery:我怎么知道我选择了等等

时间:2011-11-14 15:08:39

标签: jquery

现在学习jquery虽然我猜这个问题可能适用于任何编程语言。

我会举例说明问题:

目前正在阅读“jquery基础知识”。在练习中,其中一个问题是“弄清楚页面上隐藏了多少元素(提示:.length)。”

我写了代码“$('html:hidden')。length;”

在这个阶段我不知道输出。要知道我是否写了正确的代码,我写了:

“var hidden = $('html:hidden')。length;

$( 'H3')的HTML(隐藏);“

h3改为“8”,告诉我页面上有8个隐藏元素。改变h3元素以发现我已经做了正确的事情似乎有点粗糙。是否有一种传统方法可以知道您是否正确选择了一个对象,或者在没有实际写入html文档的情况下知道一个值?

4 个答案:

答案 0 :(得分:8)

老派的方式是

alert(variable);

但如果您使用内置了Web Developer功能的浏览器(如Chrome或IE8 +),情况会更好:

console.log(variable);

在Chrome中,您可以使用CTRL + Shift + J打开控制台(显示日志的位置)。

您甚至可以直接在控制台中输入您的jQuery。例如,在此“回答”页面上,键入

$("html:hidden").length

返回0.

如果您使用的是Firefox,请获取Firebug插件。老实说,我不记得没有他们我是如何发展的。

答案 1 :(得分:3)

最好的方法是使用 -

console.log(hidden)

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

您也可以使用

alert(hidden) 

但是这将显示每个调试语句的消息框,这可能比写入html doc更具破坏性。 console.log还具有能够输出更复杂对象(如数组)的内容的优点。

答案 2 :(得分:2)

尝试使用alertconsole.log

答案 3 :(得分:1)

是。通常使用两种方法:

  1. alert("[YourValue]");
  2. console.log("[YourValue]");
  3. 其他信息:

    MDN:console.log MDN:alert()