なぜGoogle ChromeはjQuery経由でconsole.log（）の出力が異なるのですか？

Question

私はjqueryオブジェクトのログをコンソールに出力します。

var s = $("#item"); 
console.log(s); 

私は（1ヶ月前程度）の前に覚えている。この

[div#item, context: document, selector: "#item", jquery: "1.9.1", constructor: function, init: function…] 

のようなものを取得し、私のような何かを得るでしょう：

[<div id="item">pas</div>] 

はクロム自体の変化ですか？または、jqueryに変更がありましたか？または私は実際に私が読んで、私はこの上にカーソルを移動し、それがページ上でマークすることができ、この第二の出力は、はるかに簡単に見つける出力表情が違っ

作るために何かをしました。今度はあまりにも多くの情報を読むのは難しいです

Answer 1

コンソールでjQueryオブジェクトを評価してconsole.log()と表示することの違いは、気づいていると思います。 David Thomasのfiddleを使用して、console.logステートメントにブレークポイントを設定します。それがブレークポイントで停止すると、コンソールに$sを入力して、あなたは

[<div id="item">pas</div>] 

が次に続け参照してくださいよ、あなたはconsole.log()によって印刷された冗長なオブジェクトが表示されます。

jQueryやChromeがこの違いを引き起こしているかどうかはわかりません。 $sと入力したときの出力は$s.toArray()のようですが、console.log()は実際のjQueryオブジェクトを示しています。

これは新しい動作ではないことを証明する - 11月の重複した質問にリンクしました。

Answer 2

var s = $("#item").html(); 
console.log(s) 

Answer 3

if div value printed on div .. then plz menstion html(). 

    var s = $("#item").html(); 

    console.log(s); 

Answer 4

しようとは...

var s = $("<div>").append($("#item").clone()).html(); 

console.log(s); 

$(s).remove(); 

それはきれいな形ではないのですが、結果はであるあなたが探しているものと私はあなたが良い機能を考え出すことができ確信していますそのために...

私はdivを作成して、#itemのコピーを入れ、#item要素全体を表示するためにdivのinnerHTMLをコンソールに吐き出します。 （＃itemのinnerHTMLだけではありません） その後、私はクリーンアップするためにsを破壊します。

Answer 5

はいあなたはこのようにし

var s = $("#item"); 
console.log(s); 

console.logをしようとした場合、彼らは今バージョンでは、DOMオブジェクトと1.9.1

http://jsfiddle.net/5HJ3L/1/

を扱っているか確認し、jQueryを使って変更があるかもしれません出力は次のようになります

[div#item, context: document, selector: "#item", jquery: "1.9.1", constructor: function, init: function…] 
0: div#item 
context: document 
length: 1 
selector: "#item" 
__proto__: Object[0] 

あなたがそれをチェックすると密接にあなたがキー0で上記の配列に必要な出力がありますので、次の行の出力は

console.log(s[0]); 

出力されます：あなたはそれをしようとした場合

も

<div id="item">pas</div> 

jqueryのことなく、出力は、あなたが必要とされている1つになります

var e = document.getElementById('item'); 
console.log(e); 

出力：

<div id="item">pas</div> 

PS：これは、彼らがgoogle-chrome

補正によって取引になります方法を示すことが、jqueryのに対して提案ではありません：はまた、私は問題の出力言及は方法のに対しarray形であることに注意してください提案したのはstring

Answer 6

jqueryではなくDOM要素を送信しているコンソールで予想される結果が得られました。

console.log($("div")[0]) 

Answer 7

あなたは、Cスタイルにconsole.logとコンソールログ出力の出力形式を制御することができます。https://developers.google.com/web/tools/chrome-devtools/console/console-write#styling_console_output_with_cssたとえば、アウト簡単なDOM要素のスタイルを置くために

：

console.log("%o", document.body)