How to add an event to an element in jQuery?

1.	How to add an event to an element in jQuery?
Answer» .on() method attach an event handler function for one or more EVENTS to selected elements. In the following code, the event handler function is attached to all the <TR&GT; elements in the table with id “#DATATABLE” on both click and mouseover events. $('#dataTable tbody tr').on('click mouseover', function() { console.log( $(this).text() ); }); It ALSO delegates the events to the elements dynamically added to the page, in this case, the event handler function will be attached to the dynamically added <TR> elements.

Answer»

.on() method attach an event handler function for one or more EVENTS to selected elements.

In the following code, the event handler function is attached to all the <TR&GT; elements in the table with id “#DATATABLE” on both click and mouseover events.

$('#dataTable tbody tr').on('click mouseover', function() { console.log( $(this).text() ); });

It ALSO delegates the events to the elements dynamically added to the page, in this case, the event handler function will be attached to the dynamically added <TR> elements.

Discussion

No Comment Found

Related InterviewSolutions

Is there any selector to filter the DOM elements based on its content?
How does jqXHR.always() work in an ajax call?
How to stop a form submit action?
What is $.Deferred () method and how does it work?
What is promise and list out few Jquery methods which returns a promise object?
How to translate a set of values to another set?
Is there any function in jquery to filter an array or array-like object?
How does .when() method works in jquery?
How does jQuery filter () method work and write code to apply css class name for all the links in the page whose host name is not same as the hostname of the site?
How to select a second item from unordered list and write a mouseover event to it?