2011-11-14 43 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()

相关问题