现在学习jquery虽然我猜这个问题可能适用于任何编程语言。
我会举例说明问题:
目前正在阅读“jquery基础知识”。在练习中,其中一个问题是“弄清楚页面上隐藏了多少元素(提示:.length)。”
我写了代码“$('html:hidden')。length;”
在这个阶段我不知道输出。要知道我是否写了正确的代码,我写了:
“var hidden = $('html:hidden')。length;
$( 'H3')的HTML(隐藏);“
h3改为“8”,告诉我页面上有8个隐藏元素。改变h3元素以发现我已经做了正确的事情似乎有点粗糙。是否有一种传统方法可以知道您是否正确选择了一个对象,或者在没有实际写入html文档的情况下知道一个值?
答案 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)
尝试使用alert或console.log。
答案 3 :(得分:1)
是。通常使用两种方法:
alert("[YourValue]");
console.log("[YourValue]");
其他信息:
MDN:console.log
MDN:alert()