How to Declare Function and Call Onclick Using jQuery

In this tutorial, learn how to declare function and call on click using jQuery. Define a function using jQuery method given here and call anywhere to execute the function when required.

When you want to create a code, sometimes you require that code in many places. To reduce the extra effort and save time writing code again-and-again. You may also like to read how to define CSS for Internet Explorer and add IE-only stylesheet.

Create a function and add a piece of you want in many places. You just need to call only the function and the code gets executed automatically when required.

How to Declare Function Using jQuery

To declare a function, you have to use the simple syntax given below. Here, you need to change the function name with the name of the function you want to create. Inside that function, put the jQuery code you want to execute when you call the created function.

The above syntax contains the simple function with the little bit of code to execute on call. This is the simple yet efficient method to reduce writing the same code many times. This can reduce wastage of time and increase code reusability.

How to Call a Function Using jQuery

After you declare function, you need to call it in the place where you want to execute that piece of code. You need to first find at which event you want to execute the code.

Here, you have to create a function and call that function when someone clicks on the button. You just need to put the created function in the click event. The code gets executed automatically when someone clicks on the button.

Output

Click below button to get alert message using jQuery function call.


The above example contains the function and the click event. To declare function using jQuery, you need to use the above example. The function contains the alert message which will show when the user clicks on the button.

Click the above-given button to execute the function and run the code inside the function. You will get an alert message given in the function. Now, you can change the piece of code given in the function as per your requirement.

You may also like to read.

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.