阻止事件冒泡及事件行为

e.stopPropagation(); 终止事件冒泡

<div id="content">
外层div元素
<span> 内层span元素 </span>
</div>
<div id="msg"></div>

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

e.preventDefault(); 阻止默认行为

<a href="http://www.baidu.com">132</a>

$(function () {
$("a").bind("click", function (e) {
e.preventDefault();
});
});