Home > Web Front-end > Front-end Q&A > What is the difference between jquery objects and js objects

What is the difference between jquery objects and js objects

青灯夜游
Release: 2021-11-16 13:35:41
Original
2941 people have browsed it

Difference: 1. The jQuery object is an array-like object obtained through the jQuery method; the js object is an object obtained through the dom operation, which refers to a label object on the page. 2. The js object can only access predefined methods in the DOM, and the jquery object can only call the methods provided by jQuery.

What is the difference between jquery objects and js objects

The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.

JS object and jQuery object

1. The difference between JS object and jQuery object:

  • js object is an object obtained through dom operation, which refers to a label object on the page;

  • jQuery object is obtained through jQuery Array-like object, which contains JS objects;

  • js objects can only access predefined methods in the DOM, and jquery objects can only call methods provided by jQuery.

2. Convert JS objects and jQuery objects to each other;

JS objects to jQuery objects:

<script type="text/javascript">
  	//获取dom对象
	var jsObj = document.getElementById("inpId");
	//将dom对象转化成jQuery对象
	var jqObj = $(jsObj);</script>
Copy after login

Convert jQuery objects into JS objects:

<script type="text/javascript">
	//获取jQuery对象
	var jqObj = $("#inpId");
  	//将jQuery对象转化成JS对象
  	//方式一:
  	var jsObj1 = $inp[0];
    //方式二:
  	var jsObj2 = $inp.get(0);
 </script>
Copy after login

3. Note:

The methods and properties of JS objects and jQuery objects cannot be mixed:

  • jQuery objects cannot use the methods of JS objects;

  • JS objects cannot use the methods of jQuery objects;

For more programming-related knowledge, please visit: programming video! !

The above is the detailed content of What is the difference between jquery objects and js objects. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template