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

変換方法: すでに DOM オブジェクトである場合は、DOM オブジェクトを "$()" で囲むだけで jQuery オブジェクトを取得できます。具体的な構文形式は "$(DOM object)" です。

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

DOM オブジェクトを jQuery オブジェクトに変換する:

すでに DOM オブジェクトである DOM オブジェクトの場合は、DOM オブジェクトを $() でラップするだけで取得できます。 jQuery オブジェクト。

例:

var v=document.getElementById("v"); //DOM对象
var $v=$(v); //jQuery对象

$(DOM) メソッドを通じて通常の DOM オブジェクトを jQuery オブジェクトに処理した後、jQuery メソッドを呼び出すことができます。

HTML コード

<div>元素一</div><div>元素二</div><div>元素三</div>

JavaScript コード

var div=document.getElementsByTagName('div');//DOM对象
var $div=$(div);//jQuery对象
var $first=$div.frist();//找到第一个div元素
$first.css('color','red');//给第一个元素设置颜色

getElementsByTagName を通じて div ノードの要素を取得します。結果は DOM コレクション オブジェクトですが、このオブジェクトは配列コレクション ( 3 div 要素)。 $(div) メソッドを通じてそれを jQuery オブジェクトに変換し、最初の要素を見つけて、jQuery オブジェクトの first メソッドと css メソッドを呼び出してその色を変更します。

推奨される関連ビデオ チュートリアル: jQuery チュートリアル (ビデオ)

以上がhtml domオブジェクトをjqueryオブジェクトに変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。