Direct vs. Delegated – jQuery .on()
Case 1 (direct): $(“div#target span.green”).on(“click”, function() {…}); == Hey! I want every span.green inside div#target to listen up: when you get clicked on, do X. Case 2 (delegated): $(“div#target”).on(“click”, “span.green”, function() {…}); == Hey, div#target! When any of your child elements which are “span.green” get clicked, do X with them. In other words… In case … Read more