ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryオブジェクトをhtml domオブジェクトに変換する方法
変換方法: 1. jQuery オブジェクトがデータ オブジェクトの場合、「[index]」メソッドを通じて変換して、対応する DOM オブジェクトを取得できます。構文は「jQuery object [index]」です。 2.「jQuery Object.get(index)」ステートメントを介して変換します。
このチュートリアルの動作環境: Windows7 システム、jquery1.10.0 バージョン、Dell G3 コンピューター。
jQuery オブジェクトとは何ですか?
#---DOM オブジェクトを jQuery でラップして生成したオブジェクトです。 jQuery オブジェクトは jQuery に固有であり、jQuery のメソッドを使用できます。 例:$("#test").html() は、ID test を持つ要素内の HTML コードを取得することを意味します。このうち、html() は jQuery のメソッドです。
document.getElementById("id").innerHTML;DOM オブジェクトをラップした後に jQuery オブジェクトが生成されますが、jQuery では使用できません。 DOM オブジェクト。どのメソッドでも、同様に DOM オブジェクトでも jQuery のメソッドを使用できません。むやみに使用すると、エラーが報告されます。例: $("#test").innerHTML、document.getElementById("id").html() などの記述方法が間違っています。 もう 1 つ注意すべき点は、#id をセレクターとして使用して取得される jQuery オブジェクトと document.getElementById("id") によって取得される DOM オブジェクトは同等ではないことです。以下の 2 つの間の変換を参照してください。 jQuery は異なるものですが関連しているため、jQuery オブジェクトと DOM オブジェクトを相互に変換することもできます。 2 つを変換する前に、まず規則を作成します: jQuery オブジェクトが取得された場合は、次のように変数の前に $ を追加します: var $variab = jQuery object; DOM オブジェクトが取得された場合は、次と同じです。通常. : var variab = DOM object; この規約は説明と区別の便宜上のものであり、実際の使用においては規定されていません。
jQuery オブジェクトを HTML DOM オブジェクトに変換します:
jQuery オブジェクトを DOM オブジェクトに変換する 2 つの変換メソッド: [index] と .get(index);(1) jQuery オブジェクトはデータ オブジェクトであり、対応する DOM オブジェクトは [index] メソッドを通じて取得できます。 例:
var $v =$("#v") ; //jQuery对象 var v=$v[0]; //DOM对象 alert(v.checked) //检测这个checkbox是否被选中(2) jQuery 自体は、.get(index) メソッドを通じて、対応する DOM オブジェクトを取得します。例:
var $v=$("#v"); //jQuery对象 var v=$v.get(0); //DOM对象 alert(v.checked) //检测这个checkbox是否被选中推奨される関連ビデオ チュートリアル:
jQuery チュートリアル (ビデオ)
以上がjqueryオブジェクトをhtml domオブジェクトに変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。