Shulou(Shulou.com)05/31 Report--

This article mainly explains "what is the concept of toggle in jquery". Interested friends may wish to have a look at it. The method introduced in this paper is simple, fast and practical. Now let the editor take you to learn "what is the concept of toggle in jquery"?

Toggle in jquery means "switch", and the toggle method can switch between the hide () and show () methods on the element; this method checks the visible state of the element, runs show () if the element is hidden, runs hide () if the element is visible, and uses the syntax "element object .toggle ()".

The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.

What does toggle mean in jquery

Toggle translates as switching, switching, which refers to switching between the two states.

The toggle () method is used to bind two or more event handler functions in response to the alternating click event of the selected element.

The toggle () method switches between hide () and show () on the selected element.

This method checks the visible state of the selected element. If an element is hidden, run show (), and if an element is visible, run hide ()-which has a switching effect.

Note: hidden elements are not fully displayed (no longer affect the layout of the page).

Tip: this method can be used to switch between custom functions.

Grammar

$(selector) .toggle (speed,easing,callback)

Speed is optional. Specifies the speed at which to hide / show the effect.

Possible values:

Millisecond

"slow"

"fast"

Easing is optional. Specifies the speed of the element at different points in the animation. The default is "swing".

Possible values:

"swing"-move slowly at the beginning / end and fast in the middle

"linear"-moving at a uniform speed

Tip: more easing functions are available in the extension.

Callback is optional. The function to be executed after the toggle () method is executed.

Examples are as follows:

$(document) .ready (function () {$("button") .click (function () {$("p"). Toggle ();})

This is a paragraph.

Toggle hide () and show ()

Output result:

At this point, I believe you have a deeper understanding of "what is the concept of toggle in jquery". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

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.