jQuery オブジェクトと DOM オブジェクトの違いと変換方法は何ですか

この記事では、jQuery オブジェクトと DOM オブジェクトの違いと相互変換について説明します。これは、フロントエンドを学習するプロセスにおける重要なステップです。

#DOM オブジェクトと jQuery オブジェクトの取得方法

DOM オブジェクトの入手方法。意味: JavaScript のメソッドを使用してページ内の要素を取得することによって返されるオブジェクトは、DOM オブジェクトです。 【JavaScriptチュートリアル】

常用的获取DOM对象方法：
var demo1=document.getElementsByClassName("demo1")//获取类节点
var demo2=document.getElementById("demo2")//获取ID节点
var demo3=document.getElementsByTagName("demo3")//获取标签节点

jQueryオブジェクトの意味: jQueryのメソッドを使用してページを取得したときに返されるオブジェクトがjQueryオブジェクトです。 【jQueryチュートリアル】

获取jQuery对象方法：
var $obj1=$(".obj1")//获取类节点
var $obj2=$("#obj2")//获取ID节点
var $obj3=$("obj3")//获取标签节点

#jQueryオブジェクトとDOMオブジェクトの違いjQueryオブジェクトはjsに属する配列です。これは基本的に DOM オブジェクトのパッケージ化されたセットです。

注: jQuery オブジェクトと DOM オブジェクトのメソッドおよびプロパティを混合することはできません。では、これら 2 つのオブジェクト間の変換を紹介します。

DOM对象转化为jQuery对象：
var demo=document.getElementsByTagName("demo");
$demo=$(demo);//就是典型的DOM对象转jQuery对象
jQuery对象转化为DOM对象：
var $obj = $(“obj”);
$obj[0];//方法一（常用）
$obj.get(0);//方法二