jqueryオブジェクトをhtml domオブジェクトに変換する方法-jsチュートリアル-php.cn

jqueryオブジェクトをhtml domオブジェクトに変換する方法

青灯夜游

リリース： 2023-01-06 11:14:22

オリジナル

3200 人が閲覧しました

変換方法: 1. jQuery オブジェクトがデータオブジェクトの場合、「[index]」メソッドを通じて変換して、対応する DOM オブジェクトを取得できます。構文は「jQuery object [index]」です。 2.「jQuery Object.get(index)」ステートメントを介して変換します。

jqueryオブジェクトをhtml domオブジェクトに変換する方法

このチュートリアルの動作環境: Windows7 システム、jquery1.10.0 バージョン、Dell G3 コンピューター。

jQuery オブジェクトとは何ですか?

#---DOM オブジェクトを jQuery でラップして生成したオブジェクトです。 jQuery オブジェクトは jQuery に固有であり、jQuery のメソッドを使用できます。

例:

$("#test").html() は、ID test を持つ要素内の HTML コードを取得することを意味します。このうち、html() は jQuery のメソッドです。

このコードは、DOM を使用してコードを実装するのと同じです:

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 サイトの他の関連記事を参照してください。