2011-11-14 24 views
2

私はこの質問は、任意のプログラミング言語の真実かもしれないと思うが、今すぐjqueryを学ぶ。従来の知恵Jquery:どのように私は等を選択したことを知っている

私は一例で質問をするでしょう:

は現在、 "jqueryの基礎" を読みました。練習問題では、「ページ上の要素の数を隠しておく(ヒント:.length)」という質問があります。

私はコード "$( 'html:hidden')を書いています。

この段階で私は出力を知りませんでした。

:私はそれから書いた右のコードを書いていたかどうかを知るためには、 "VAR隠し=の$( 'HTML:隠された')を。。長さ;

$( 'H3')HTML(隠されました);"

h3が「8」に変更され、ページに8つの隠し要素があることがわかりました。 h3要素を変更して、何かを正しく実行したことを確認するのはちょっと面倒なようです。オブジェクトを正しく選択したか、実際にHTML文書に書かずに値を知っているかを知る従来の方法はありますか?

+0

コードをデバッグしたり書いたりしている間に、適切に選択したかどうかを知りたいですか? 2つの状況は微妙に異なります。 – BryanH

+0

私は今、状況は生産 –

+0

グリム...と仮定しています。彼女がコンソールを実行している場合を除き、ユーザーは何も見ないため、プロダクションのための素晴らしいアプローチです(非常にまれです)。 – BryanH

答えて

8

古い学校の道

alert(variable); 

しかし、あなたが構築されたWeb開発者向けの機能を備えたブラウザを使用している場合は非常に良好であった(クロム、またはIE8 +など):

Chromeの場合
console.log(variable); 

CTRL + Shift + Jでコンソールを開きます(ログが表示される場所)。

jQueryをコンソールに直接入力することもできます。たとえば、この '答え' のページで、Firefoxを使用している場合

$("html:hidden").length 

0を返します。

を入力し、Firebugのプラグインを取得します。私は正直なところ、私がそれらなしでどのように発展したかを覚えていない。

+0

私はファイヤーバグを初心者として使用します。 console.logの使い方を詳しく教えてください。 Firebugまたはjsのdocからconsole.logと入力しますか?助けてくれてありがとう –

+0

あなたはそれをJavascriptファイルに入れました。あるいは、私が言ったように、コンソールにコード '$( "html:hidden")。lengthをタイプするだけです。 –

+0

「https://developer.mozilla.org/ja/Using_the_Web_Console」を読んでください(他の人が触れたように)。 –

3

使用することです最善の方法 -

あなたはまた、

alert(hidden) 

を使用することができますが、それが証明可能性がある、各デバッグ文のメッセージボックスが表示されます

console.log(hidden) 

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

htmlドキュメントへの書き込みよりも破壊的です。 console.logには、配列などのより複雑なオブジェクトの内容を出力できるという利点もあります。

1

はい。二つの方法が一般的に使用されています。

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

追加情報:

MDN:console.log MDN:alert()

関連する問題