This example describes the definition and usage of the Click event in jquery. Share to everyone for your reference. The specific analysis is as follows:
The Click event is triggered when the mouse pointer is over a matching element, and then the left mouse button is pressed and released, or the Click () method is invoked.
The click () method can also bind event-handling methods.
Grammatical structure One:
Triggers the Click event.
Copy Code code as follows:
Grammatical structure two:
Bind the event handling method for the Click event.
Copy Code code as follows:
$ (selector). Click (data,function)
Parameter list:
Parameters |
Describe |
Data |
Optional. Defines the data that is passed in for function processing. |
function |
Defines the function to run when the click event is triggered. |
Instance code:
Copy Code code as follows:
<! DOCTYPE html>
<meta charset= "Utf-8" >
<meta name= "Author" content= "http://www.jb51.net/"/>
<title>click Event-Cloud Habitat Community </title>
<style type= "Text/css" >
div{
width:200px;
height:200px;
border:5px solid Green;
}
</style>
<script type= "Text/javascript" src= "Mytest/jquery/jquery-1.8.3.js" ></script>
<script type= "Text/javascript" >
$ (document). Ready (function () {
$ ("button"). Click (function () {
$ ("div"). Text ("This is later added content");
})
$ ("P"). DblClick (function () {
$ ("button"). Click ();
})
})
</script>
<body>
<div></div>
<p> Double click I trigger click event </p>
<button> Click Trigger Events </button>
</body>
The above code sets the new text in the div when you double-click the P element or click the button.
I hope this article will help you with your jquery programming.