What is the advantage of using event delegation in single-page applications (SPAs)?
A). It ensures that events are captured on dynamically generated content.
B). It allows events to be triggered programmatically.
C). It prevents events from bubbling up the DOM tree.
D). It requires fewer resources compared to traditional web applications.
What is event delegation in JavaScript/jQuery?
A). A technique for handling events on dynamically added DOM elements.
B). A method to delegate event handling to parent elements.
C). A way to trigger events manually in jQuery.
D). A mechanism to prevent event propagation in JavaScript.
Which jQuery method is commonly used for event delegation?
A). .on()
B). .click()
C). .delegate()
D). .trigger()
What happens if the parent element specified for event delegation is removed from the DOM?
A). The event delegation mechanism will no longer work for child elements.
B). The child elements will inherit the event handlers of the parent element.
C). The child elements will trigger the event handlers directly.
D). The event will be captured by the browser's default event handler.
What is the purpose of using event delegation?
A). To handle events on elements that are dynamically added to the DOM.
B). To prevent events from bubbling up the DOM tree.
C). To trigger events programmatically.
D). To remove events from the DOM completely.
How does event delegation help in handling events on dynamically added table rows?
A). By attaching event handlers to the parent table element.
B). By attaching event handlers directly to the dynamically added table rows.
C). By manually refreshing the page whenever new rows are added.
D). By using regular expressions to match table rows.
What is the syntax for using event delegation with jQuery's .on() method?
A). $(parentElement).on(eventType, childSelector, eventHandler);
B). $(childElement).on(eventType, parentSelector, eventHandler);
C). $(parentElement).delegate(eventType, childSelector, eventHandler);
D). $(childElement).delegate(eventType, parentSelector, eventHandler);
Which jQuery method provides better performance for event delegation: .on() or .click()?
A). .on()
B). .click()
C). Both methods provide similar performance.
D). It depends on the browser being used.
How do you attach an event handler to dynamically added elements using event delegation?
A). By attaching the event handler to a parent element using .on() with a child selector.
B). By attaching the event handler directly to the dynamically added elements.
C). By using the .trigger() method on the parent element.
D). By manually refreshing the page every time new elements are added.
How does event delegation help in improving code maintainability?
A). By reducing the number of event handlers attached to individual elements.
B). By increasing the complexity of event handling logic.
C). By requiring manual refreshing of the page whenever new elements are added.
D). By making it easier to trigger events programmatically.