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 scenario is suitable for using event delegation?
A). When dealing with dynamically added elements or a large number of elements.
B). When events need to be triggered manually.
C). When events should be prevented from bubbling up the DOM tree.
D). When there is a need to remove events from the DOM altogether.
What is the primary advantage of using event delegation in web development?
A). Simplifies event handling by attaching handlers directly to individual elements.
B). Ensures events are captured on dynamically added elements.
C). Increases the complexity of event handling logic.
D). Requires manual refreshing of the page whenever new elements are added.
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);
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.
Which jQuery method is commonly used for event delegation?
A). .on()
B). .click()
C). .delegate()
D). .trigger()
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.
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 happens when an event occurs on a dynamically added element with event delegation?
A). The event bubbles up through the DOM, triggering the event handler attached to the parent element.
B). The event is ignored because it wasn't present in the DOM when the page loaded.
C). The event is captured by the browser's default event handler.
D). The event causes an error because dynamically added elements cannot trigger events.
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.