What is the difference between jQuery and DOM objects and how to convert

What this article brings to you is the difference and mutual conversion between jQuery objects and DOM objects. This is an important step in the process of learning front-end knowledge. Friends in need can refer to it. I hope it will be helpful to you.

How to obtain DOM objects and jQuery objects

DOM objects Meaning: The object returned by using methods in JavaScript to obtain elements in the page is the DOM object. 【JavaScript Tutorial】

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

The meaning of jQuery object: The object returned by using the method in jQuery to obtain the page is the jQuery object.【jQuery Tutorial】

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

The difference between jQuery object and DOM object

jQuery object is an array belonging to js, ​​which is basically a packaging set of DOM objects. Contains a collection of DOM objects

Note: jQuery objects and DOM object methods and properties cannot be mixed. Next, we introduce the conversion between these two objects.

Conversion between jQuery objects and DOM objects

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

Summary: The above is the content of this article, through this article we learned How to obtain the methods of jQuery objects and DOM objects, and have a certain understanding of commonly used conversion methods. We also need to master it better through practical exercises. I hope this article will be helpful to everyone.

The above is the detailed content of What is the difference between jQuery and DOM objects and how to convert. For more information, please follow other related articles on the PHP Chinese website!