jQuery attachment types test case 1

gistfile1.js

// Some action that triggers generating 10,000 elements
function generate10KElements(attachEventDirectly) {
    var generateFunction = function() {
        var containerElement = $("#container");
        containerElement.html("");
        if (!attachEventDirectly) {
	    // This is the magic, all items within the container div that have a CSS class
            // of sameClassItem get the callbackFunction handler.
            containerElement.on('click', ".sameClassItem", callbackFunction);
        }

        for (var i=0; i < 10000; i++) {
            var element = $('<div class="sameClassItem" id="element' + i + '"><a href="#">click me</a> &nbsp;</div>');
            containerElement.append(element);
            if (attachEventDirectly) {
                // The traditional way to attach a handler with jQuery
                element.click(callbackFunction);
            }
        }
    };
    timeAction(this, generateFunction);
}