Shulou(Shulou.com)06/01 Report--

This article mainly introduces "jQuery object and DOM object how to use" related knowledge, editor through the actual case to show you the operation process, the operation method is simple and fast, practical, I hope that this "jQuery object and DOM object how to use" article can help you solve the problem.

DOM object: the object returned by using the method in JavaScript to get the elements in the page is the DOM object.

JQuery object: the jquery object uses the jquery method to get the elements in the page. The object returned is the jQuery object.

A jQuery object is actually a wrapper set of DOM objects (wrapping a collection of DOM objects (pseudo arrays))

The methods of DOM objects and jQuery objects cannot be mixed.

A js object object cannot call a method of a jq object

The relationship between jq objects and js objects (jq objects are actually a collection of js objects, pseudo arrays, in which a large number of js objects are stored) (macroscopically)

Can the jquery object call the method of the DOM object?

DOM cannot call the method of the jQuery object: why: because it is two different objects

The DOM object calls the method of the jQuery object. You need to convert a DOM object to a jQuery object.

Conversion

Convert DOM objects to jQuery objects: [associative memory: spend $]

Var $obj = $(domObj); / / $(document) .ready (function () {}); is a typical DOM object to jQuery object

Convert a jQuery object to a DOM object:

Var $li = $("li"); / / first method (recommended) $li [0] / / second method $li.get (0)

Case study:

Title clothes, trousers, pants, socks $(function () {/ / 1. What is a DOM object (js object): the element obtained by using js is the js object (DOM object) / / var cloth = document.getElementById ("cloth"); / / cloth.style.backgroundColor = "pink"; / / 2. What is a jq object: the elements obtained by using jq are the jq object / / var $li = $("li"); / / console.log ($li); / / $li.text ("I changed the content"); / / 3. The difference between the jq object and the js object / / the js object cannot call the method of the jq object / / var cloth = document.getElementById ("cloth"); / / cloth.text ("hehe") / / 4. The relationship between the jq object and the js object (the jq object is actually a collection of js objects, a pseudo array, in which a lot of js objects are stored) (macroscopically) / / can the jquery object call the method of the DOM object / / var $li = $("li"); / / $li [0] .setAttribute ("name", "hehe") / / DOM cannot call the method of the jQuery object: why: because it is two different objects / / DOM objects that call the method of the jQuery object. You need to convert a DOM object to a jQuery object. Var cloth = document.getElementById ("cloth"); / / DOM object becomes jQuery object / / $(cloth) .text ("hehe"); / / how to convert jQuery object into DOM object (take it out) var $li = $("li"); $li [1] .style.backgroundColor = "red"; $li.get (2). Style.backgroundColor = "yellow"; / / 1. What is DOM object: DOM object / / 2. JQuery object when the object is obtained by js. JQuery object: jq object when the object is obtained by jq. Difference and connection / / 4. Difference: the methods of js object and jq object cannot be mixed with / / 5. Contact: / / DOM-- > jQuery $() / / jQuery-- "DOM $li [0] $li.get (0)})

There is a Dom object in jQuery, and jQuery is compared to a pseudo array, but there is no array method, but it has its own method (jQuery method).

This is the end of the introduction to "how to use jQuery objects and DOM objects". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.