阻止事件冒泡及默认行为

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();
        });
      });