jquery event namespace

Fiddling with namespaces for events.

by lddubeau

HTML

<button id="q">Q</button>

JavaScript

$(function () {
    var $q = $("#q");
    var $body = $("body");
    $q.on("click", function () {
        $body.append("<p>generic</p>");
    });
    $q.on("click.bs", function () {
        $body.append("<p>no namespace</p>");
    });
    $q.on("click.bs.a", function () {
        $body.append("<p>a</p>");
    });
    $q.on("click.bs.b", function () {
        $body.append("<p>b</p>");
    });
    $q.trigger("click.bs");
    $q.trigger("click.a");
    $q.trigger("click");
    $q.off(".bs");
});