ホームページ > 記事 > ウェブフロントエンド > jqueryオブジェクトをjsオブジェクトに変換する方法
jquery オブジェクトを js オブジェクトに変換する方法: 1. 「jquery object [index]」ステートメントを使用して変換します; 2. 「jquery object.get(index)」ステートメントを使用して変換します。
このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。