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

This article mainly introduces "how to convert dom objects into jquery objects" related knowledge, editor through the actual case to show you the process of operation, the method of operation is simple and fast, practical, I hope that this "how to convert dom objects into jquery objects" article can help you solve the problem.

The method of converting a dom object into a jquery object: just wrap the DOM object with "$()" with the syntax of "$(DOM object)"; after conversion, you can use any method in jQuery.

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

DOM object

DOM (Document Object Model, document object Model), each DOM can be represented as a tree. Let's start with a simple example: the code is as follows

/ /... Omit other code examples. What is your favorite fruit?

Apples, oranges, pineapples. Omit other code

Describe the above HTML structure as a DOM tree:

The nodes in this DOM tree are all DOM element nodes. Element nodes can be obtained through getElementByTagName or getElementById in JS. The DOM element you get like this is the DOM object.

JQuery object

The jQuery object is the object that results from wrapping the DOM object through jQuery.

The jQuery object is unique to jQuery. If an object is a jQuery object, then you can use the methods in jQuery. You cannot use any of the methods of the DOM object in the jQuery object, and the same DOM object cannot use the methods of the jQuery.

How to convert dom objects to jquery objects

For a DOM object, you only need to wrap the DOM object with $() to get a jQuery object. The method is $(DOM object), and after conversion, you can use any method in jQuery.

Note: normally used jQuery objects are created through the $() function, which is a manufacturing factory for jQuery objects.

The jquery code is as follows:

My

My

Var cr = document.getElementsByTagName ("p") / / DOM object var $cr = $(cr); / / jquery object $cr.eq (0). ("fuck"); / / check whether the conversion is successful. You can use the jquery method to change the second my to fuck $cr.eq (1). Html ("you"); / / change the output result to my to you

After conversion, you can use the jquery method as you like.

Through the above methods, you can arbitrarily convert web special effects between jquery objects and DOM objects.

Finally, it is emphasized again that only DOM objects can use DOM methods, and jquery objects cannot use methods in DOM, but jquery objects provide a more complete set of tools for manipulating DOM.

That's all for "how to convert dom objects into jquery 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.