Event binding in Jquery $ (& quot; # btn & quot;). bind (& quot; click & quot;, function (){}),

Event binding in Jquery $ ("# btn"). bind ("click", function (){}),

Event binding in Jquery: $ ("# btn"). bind ("click", function (){})

Because every call is too troublesome, jquery uses $ ("# btn"). click (function () {}) to simplify it.

Event binding in jQuery

Event needs to be triggered, which is the entry to call js.
Target: indicates the event source object. Click an element at the innermost layer of the nested element. This element is the target. In IE6/7/8, srcElement is used.
CurrentTarget: the element that adds the event handler. For example, el in el. addEventListener is currentTarget. IE6/7/8 does not have a corresponding attribute. You can use this in handler to replace evt. currentTarget = this.
RelativeTarget: an event-related element. It is generally used in mouseover and mouseout events. In IE6/7/8, it corresponds to fromElement and toElement.
For example:
When you click, the current id is displayed.
<Input type = "button" value = "test-Pride" id = "test-btn"/>
<Script type = "text/javascript">
$ ('Input'). bind ('click', function (event ){
Alert(event.tar get. id );
});
</Script>

How to deal with repeated event binding in Jquery ???

You can remove the original event on the submit before binding an event to the submit.
That's it.
$ ("# Submit"). unbind ("click ");
$ ("# Submit"). click (function (){
Your code
});