How can I bind all events on a DOM element using jQuery?

The bind( type, [data], fn ) method binds a handler to one or more events (like click) for each matched element. It can also bind custom events.

Possible event values − blur, focus, load, resize, scroll, unload, click etc.

Here is the description of all the parameters used by this method −

  • type − One or more event types separated by a space.
  • data − This is optional parameter and represents additional data passed to the event handler as
  • fn − A function to bind to the event on each of the set of matched elements.


You can try to run the following code to learn how to bind all events on a DOM element:

Live Demo


      <title>jQuery bind()</title>
      <script src = ""></script>
         $(document).ready(function() {
            $('div').bind('click', function(event){
               alert('Hi there!');
         .div {
            border:2px solid #666;
      <p>Click on any square below to see the result:</p>
      <div class = "div" style = "background-color:blue;"></div>
      <div class = "div" style = "background-color:green;"></div>
      <div class = "div" style = "background-color:red;"></div>

Updated on: 11-Dec-2019


Kickstart Your Career

Get certified by completing the course

Get Started