ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryオブジェクトをjsオブジェクトに変換する方法

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

青灯夜游
リリース: 2021-11-12 15:52:42
オリジナル
5152 人が閲覧しました

jquery オブジェクトを js オブジェクトに変換する方法: 1. 「jquery object [index]」ステートメントを使用して変換します; 2. 「jquery object.get(index)」ステートメントを使用して変換します。

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

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

JS 型オブジェクトと jquery 型オブジェクトは、まったく異なる 2 つのオブジェクトです。ただし、2 つのオブジェクトのメソッドは相互に呼び出すことはできません。では、js オブジェクトが jquery のメソッドを呼び出したい場合、または jquery オブジェクトが js メソッドを呼び出したい場合はどうすればよいでしょうか?今回はjsオブジェクトとjqueryオブジェクトの相互変換の問題です。

例:

document.getElementById("text").hide();

hide() は実装できないため、実装できません。 jquery オブジェクト メソッドでは、js オブジェクトを呼び出すことはできません

$("#text2").innerHTML = "jredu";

同じことは達成できません。 innerHTML これは js オブジェクトの属性であり、jquery オブジェクトでは使用できません。

それでは、js と jQuery の相互変換を実現する方法を紹介します。

---変換 1: jquery オブジェクトを js オブジェクトに変換する

- - -変換 2: js オブジェクトから jquery オブジェクトへの変換

jquery オブジェクトから js オブジェクトへの変換

jQuery オブジェクトを js オブジェクトに変換するには 2 つの変換方法があります:[index] および .get(index);

(1) jQuery オブジェクトは、[index]## を通じてアクセスできるデータ オブジェクトです。 # メソッド、対応する js オブジェクトを取得します。

例:

var $v =$("#v") ; //jQuery对象 
var v=$v[0]; //js对象 
alert(v.checked) //检测这个checkbox是否被选中
ログイン後にコピー

(2)jQuery 自体が提供し、

.get(index) メソッドを通じて、対応する js オブジェクトが取得されます

如:var $v=$("#v"); //jQuery对象 
var v=$v.get(0); //js对象 
alert(v.checked) //检测这个checkbox是否被选中
ログイン後にコピー

js オブジェクトを jquery オブジェクトに変換する

すでに js オブジェクトである js オブジェクトの場合は、DOM オブジェクトを

$() でラップするだけで済みます。 jQueryオブジェクトを取得します。

構文:

$(js object)

例:

var v=document.getElementById("v"); //js对象 
var $v=$(v); //jQuery对象
ログイン後にコピー

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


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

jQuery チュートリアル (ビデオ)

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート