Usage examples of events and animations in JQuery_jquery

The examples in this article describe the usage of events and animations in JQuery. Share it with everyone for your reference. The specific analysis is as follows:

1.bind event

In the above operation, we newly learned the bind event, and the bind event has three parameters. The first parameter is the name of the event, such as: click, dbclick, mouseover, etc. The second parameter is data, which is the event passed over. Object, the third parameter is a method, which is used to process the bound event function. This is a special event of ours. In addition, an example in animation is also written here, that is, the display or hiding of text information. Before we learn show() and hide(), we usually write in the first way above. Just define a bool type variable. This is very simple to write, but when writing the show-hide time processing button The above is still quite annoying, so after learning show() and hide(), it becomes much simpler, that is, you can hide and show it directly. You can compare it. Obviously, the code processing is simple.

2.toggle events and event bubbling

Toggle event: simulates a mouse click event. The first event is triggered when the mouse moves over the element, and the second event is triggered when the mouse leaves the element. The two events are triggered by switching between each other; in addition, event bubbling is also mentioned. Event bubbling is actually simply understood as: there can be multiple events on a page, or multiple elements can correspond to one event. Assume that there are two elements in the page as above, one div element is nested in another div element and both have a click event bound to them. Then when you click on the inner div element, the outer div will also be displayed. This It's just events bubbling up. What needs to be noted here is that they are all bound to an event. It is easy to take it for granted that only the click event occurs internally.

3. Remove events and add multiple events in succession

Above we learned that the bind event is to add an event, and unbind is to remove the event. We can compare it, hehe, and for adding multiple events in a row, it is actually when you add an event and continue to bind to add events.

4. Simulation event

The above bind events, click events, etc. we studied are generally events that can be triggered by clicking a button. However, sometimes, it is necessary to simulate user operations to achieve the click effect, for example: when the user enters and purchases If the click event is triggered later without the user having to click, then we use the trigger() method to complete the simulation operation.

5. Some other events

Animation method

6. Application of multi-line text box - height change