ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryオブジェクトとは何ですか

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

WBOY
WBOYオリジナル
2022-03-29 10:30:292564ブラウズ

jquery オブジェクトは、jquery ライブラリ独自のメソッドを通じてページ DOM 要素を取得するために使用できるオブジェクトです。jquery のクラス ライブラリ セレクターを使用して取得されるオブジェクトです。DOM オブジェクトをラップすることによって生成されるオブジェクトです。 jquery; jqueryオブジェクトはjqueryのメソッドを使用できますが、DOMメソッドは使用できません。

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

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

jquery オブジェクトとは

JQuery ライブラリでは、ページの DOM 要素を独自のメソッドで取得できるオブジェクトを JQuery オブジェクトと呼びます。オブジェクトは var で始まるように定義されます。

JQuery ライブラリでは、独自のメソッドでページ要素を取得できるオブジェクトを JQurey オブジェクトと呼びます。

jQuery オブジェクトは、jQuery クラス ライブラリ セレクターを使用して取得されるオブジェクトです。 JQueryオブジェクトとは、DOMオブジェクトをjQueryでラップして生成されるオブジェクトです。

JQuery オブジェクトは jQuery に固有のもので、jQuery のメソッドを使用できますが、DOM メソッドは使用できません。

例: $("#img").attr("src","test.jpg-600"); $("#img") これは jQuery オブジェクトです。

注: DOM オブジェクトのメソッドは、jQuery オブジェクトでは使用できません。

たとえば、$("#id").innerHTML と $("#id").checked は間違っています。次のような $("#id").html() メソッドと $ jQuery メソッドを使用できます。代わりに ("#id").attr("checked") を使用します。

同様に、DOM オブジェクトでは jQuery メソッドを使用できません。

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

すでに DOM オブジェクトである DOM オブジェクトの場合、DOM オブジェクトを $() でラップするだけで、 jQuery オブジェクト. , $(DOM オブジェクト) 注: var は、次のような変数

を定義するメソッドです:

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

変換後は、jQuery メソッドを任意に使用できます。

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

jQuery オブジェクトから DOM オブジェクトへの変換については、[index] と .get(index) という 2 つの変換メソッドで説明します。

jQuery オブジェクトはデータ オブジェクトであり、対応する DOM オブジェクトは [index] メソッドを通じて取得できます。

例:

var $v = $("#v"); //jQuery 对象
var v = $v[0]; //DOM 对象
alert(v.checked); //检测这个checkbox是否被选中

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。