ChromeコンテンツスクリプトでjQueryを使用しているコードが機能しない

Question

私はtumblr '新しい投稿'ページにコンテンツを挿入するChrome拡張機能を開発しています。このページには、id tag_editorというIDを持つ要素があります。しかし、私はjQueryのを使用してそれを取得することはできません。

$(document).ready(function() { 
    alert($("#tag_editor")); 
}); 

はちょうど私を与える、私は仮定し、[オブジェクトのオブジェクト]は、それが要素を見つけることができませんでした。 $の代わりにdocument.getElementByIdを使用すると動作します。私は私のmanifest.jsonにjQuery.jsを持っているので、jQueryがロードされていないわけではありません。私は間違って何をしていますか？

Answer 1

対象オブジェクトはそのはjQueryオブジェクトを返すことを意味します。あなたはオブジェクトに警告することはできません。それを説明するだろうと

$(document).ready(function() { 
    console.log($("#tag_editor")); 
}); 

それとも

$(document).ready(function() { 
    alert($("#tag_editor").html()); 
}); 

Answer 2

jQuery関数$()はオブジェクトを返します。あなたのalertメッセージです。あなたは基礎となるDOMオブジェクトを使用する場合は、言う：

alert($("#tag_editor")[0]); 

または

alert($("#tag_editor").get(0));