jQuery オブジェクトと DOM オブジェクト間の変換_jquery

1. jQuery オブジェクトを DOM オブジェクトに変換します

jQuery オブジェクトは DOM 内のメソッドを使用できませんが、jQuery オブジェクトによって提供されるメソッドに慣れていない場合、または jQuery が必要なメソッドをカプセル化せず、DOM オブジェクトを使用する必要がある場合、それらに対処する方法が 2 つあります。

1. jQuery オブジェクトは配列のようなオブジェクトであり、対応する DOM オブジェクトは [index] メソッドを通じて取得できます。

コードをコピーします コードは次のとおりです:

var $cr=$("#cr") //jQuery オブジェクト
var cr=$cr[0] //DOM オブジェクト

2. もう 1 つは jQuery 自体によって提供され、対応する DOM オブジェクトは get(index) メソッドを通じて取得されます

コードをコピーします コードは次のとおりです:

var $cr=$("#cr") //jQuery オブジェクト
var cr=$cr.get(0) //DOM オブジェクト

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

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

コードをコピーします コードは次のとおりです:

var cr=document.getElementById("cr") //DOM オブジェクト
var $cr=$(cr) //jQuery オブジェクト

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。