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

青灯夜游
リリース: 2023-01-06 11:14:22
オリジナル
3040 人が閲覧しました

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

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

このチュートリアルの動作環境: 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(&#39;div&#39;);//DOM对象
var $div=$(div);//jQuery对象
var $first=$div.frist();//找到第一个div元素
$first.css(&#39;color&#39;,&#39;red&#39;);//给第一个元素设置颜色
ログイン後にコピー

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

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!