Home > Developer > JavaScript
The definition and usage of the click Event in jQuery, jqueryclick
This document describes the definition and usage of click events in jQuery. Share it with you for your reference. The specific analysis is as follows:
When the mouse pointer is above the matching element, and then press and release the left mouse button or call the click () method, the click event is triggered.
You can also bind the click () method to the event processing method.
Syntax structure 1:
Trigger the click event.
Copy codeThe Code is as follows: $ (selector). click ()
Syntax structure 2:
Bind the event processing method to the click event.
Copy codeThe Code is as follows: $ (selector). click (data, function)
Parameter List:
| Parameters | Description |
| Data | Optional. Defines the data passed in for function processing. |
| Function | Defines the function that runs when the click event is triggered. |
Instance code:
Copy codeThe Code is as follows: <! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Meta name = "author" content = "http://www.bkjia.com/"/>
<Title> click Event-helping customers </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 the content added later ");
})
$ ("P"). dblclick (function (){
$ ("Button"). click ();
})
})
</Script>
</Head>
<Body>
<Div> </div>
<P> double-click the trigger click event </p>
<Button> click trigger event </button>
</Body>
</Html>
The above code sets new text in the div when double-clicking the p element or clicking the button.
I hope this article will help you with jQuery programming.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
