How jquery clicks anywhere to hide div

This article will explain in detail how jquery clicks anywhere to hide div. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

Method: 1, bind the click event to the body element and specify the event handler function, the syntax is "$(" body "). Click (function ())"; 2, in the event handler function, the use of hide () method to achieve click anywhere to hide the div effect, the syntax is "$(" div "). Hide ();".

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

In jquery, you can use the hide () method and the click () method to achieve the effect of clicking anywhere to hide div.

The click () method occurs a click event when an element is clicked. A click occurs when the mouse pointer hovers over the element and then presses and releases the left mouse button. The click () method triggers the click event, or specifies the function to run when the click event occurs.

Examples are as follows:

$(document) .ready (function () {$("body") .click (function () {$("div"). Hide ();}); div {width:200px; height:200px; background-color:red;}

Output result:

This is the end of this article on "how to click on jquery to hide div anywhere". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.