Search

How to define a function in jQuery

post-title

Use the syntax $.fn.myFunction=function(){}

The syntax for defining a function in jQuery is little bit different from the JavaScript. Let's take a look at the following example to understand how to define a function in jQuery.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Define a Function in jQuery</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function(){
    $.fn.myFunction = function(){ 
        alert('You have successfully defined the function!'); 
    }
    $(".call-btn").click(function(){
        $.fn.myFunction();
    });
});
</script> 
</head>
<body>
    <button type="button" class="call-btn">Click Me</button>
</body>
</html>