Slimmere evenementbinding - CSS-trucs

Anonim
$("p").live("click", function()( $(this).css("color", "red"); ));

De reden dat dit slimmer is, is omdat er waarschijnlijk veel p-elementen op de pagina staan. Als er bijvoorbeeld 10 waren, zouden voor traditionele klikgebeurtenisbinding 10 handlers nodig zijn. De live-functie heeft er maar één nodig, waardoor de browser minder geheugen nodig heeft. Stel je dan voor dat je het probleem verergert met 100 (bijvoorbeeld een tabel met 1000 cellen met hover-gebeurtenissen).

Bovendien vereist het gebruik van de live-functie niet dat gebeurtenissen opnieuw worden gebonden wanneer er extra elementen aan de pagina worden toegevoegd (zoals via AJAX).