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

In this article, the editor introduces "jquery DOM and event case analysis" in detail, with detailed content, clear steps and proper handling of details. I hope this "jquery DOM and event case analysis" article can help you solve your doubts.

What can jquery do?

Manipulate document objects, select DOM elements, animate effects, handle events, use Ajax, and other features. In addition, jQuery provides API for developers to write plug-ins. Its modular use makes it easy for developers to develop powerful static or dynamic web pages.

What is the difference between jquery objects and DOM native objects? How to transform?

Difference:

1. The jquery object obtained by the jquery selector and the dom object obtained by document.getElementById () in the standard javascript are two different object types, and they are not equivalent.

2. JQuery cannot use any methods of DOM objects, nor can DOM objects use methods in jQuery. Misuse will report an error.

How to convert:

Convert jQuery object to DOM object-two conversion methods:

1. The jQuery object is a data object, through the method of [index]

Such as:

Var$v=$ ("# v"); / / jQuery object

Varv=$v [0]; / / DOM object

2. Provided by jQuery itself, through .get (index) method

Such as:

Var$v=$ ("# v"); / / jQuery object

Varv=$v.get (0); / / DOM object

Turn a DOM object into a jQuery object:

For the DOM object, you only need to wrap the DOM object with $() to get the jQuery object

Such as:

Varv=document.getElementById ("v"); / / DOM object

Var$v=$ (v); / / jQuery object

How to bind events in jquery? What are the functions of bind, unbind, delegate, live, on, and off? Which one is recommended? Using on binding events using event proxies?

Event binding is done through api provided by jquery.

Bind: bind an event handler to an element.

Unbind: removes a previously attached event handler from the element.

Delegate: attach one or more event handlers to the current or future child elements of the matching element.

Live: add one or more event handlers for current or future matching elements

On: binds one or more event handlers to the selected element.

Off: removes an event handler.

On,off is recommended.

Usage of on: .on (events [, selector] [, data], handler (eventObject))

How does jquery show / hide elements?

Use show (), hide () to show and hide elements.

How to use jquery animation?

Typically, you use .animate () for custom animation.

How do I set and get the HTML content inside an element? How do I set and get the internal text of an element?

Use $('selector') .html () to get HTML content, and $(' selector') .html (value) to set the use of HTML content

$('selector') .text () gets the internal text of the element, and $(' selector') .text (value) sets the text content

How do I set and get what the form user enters or selects? How do I set and get element properties?

$('selector') .val () to get the content of the form

$('selector') .val (val) sets the form content

$('selector') .attr (attributeName) gets element attributes

$('selector') .attr (attributeName,value) sets element attributes

$('selector') .removeAttr (attributeName) remove attribute

After reading this, the article "DOM and event case Analysis of jquery" has been introduced. If you want to master the knowledge points of this article, you still need to practice and use it yourself to understand it. If you want to know more about related articles, welcome to follow the industry information channel.

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.