How to use bind() Method in jQuery

This article describe about bind() Method in jQuery.
  • 1835

jQuery Event Methods

The jQuery event methods are take effect when the user interacts with the browser to register behaviors, and manipulate those registered behaviors furthers.

jQuery event methods trigger, or bind function to an event.

Trigger example:

$("button").click() - Trigger generate on the click event of button element.

Binding example:

$("button").click(function(){$("img").hide()}) - This method bind the function on click event.

jQuery bind() example:

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript" src="jquery.js"></script>

    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

<script type="text/javascript">

    $(document).ready(function () {

        $("button").bind("click", function () {

            $("p").slideToggle();

        });

    });

</script>

</head>

<body>

<p>This is my first paragraph.</p>

<button>Click me!</button>

</body>

</html>

 

Output

bind method pic1.jpg


After click on the button output look like

bind method pic2.jpg

Note: Here after click on the button the paragraph <p> hide.

Bind Events and Functions to Elements

It is specifies that to attach one or more event handlers to selected elements, and also function to run when event occurs.

Syntax

$(selector).bind(event,data,function)

 

Alternate syntax

$(selector).bind({event:function, event:function, ...})

You may also want to read these related articles Click here

Ask Your Question 

Got a programming related question? You may want to post your question here

Programming Answers here

Categories

More Articles

© 2013 dotNetheaven. All rights reserved.