JSFiddle - React, Tailwind, and code Playground

by davidmurdoch

HTML

<ul id="hello">
   <li><a href="#">add more links!</a>
</ul>

JavaScript

// $.fn.click(fn) is a hard-coded shortcut for $.fn.bind("click", gn)
$("#hello").find("a").click(function(){
    alert("Triggered $.fn.click");
    var ul = $(this).parent();
    for(var i=0; i < 10; i++){
        ul.append("<li><a href='#'>link!</li>");
    }
});

$("#hello a").live("click", function(){
    alert("Triggered $.live");
});

$("#hello").on("click", "a", function(){
    alert("Triggered $.on/delegate");
});