// 为span元素绑定click事件
$('span').bind("click", function (event) {
    var txt = $('#msg').html() + "<p>内层span元素被点击.<p/>";
    $('#msg').html(txt);
    event.stopPropagation(); //  阻止事件冒泡
});
// 为div元素绑定click事件
$('#content').bind("click", function (event) {
    var txt = $('#msg').html() + "<p>外层div元素被点击.<p/>";
    $('#msg').html(txt);
    event.stopPropagation(); //  阻止事件冒泡
});
// 为body元素绑定click事件
$("body").bind("click", function () {
    var txt = $('#msg').html() + "<p>body元素被点击.<p/>";
    $('#msg').html(txt);
});