<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <div id="content"> 外层div元素<br /> <span>内层span元素</span><br /> 外层div元素 </div> <div id="msg"></div> <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("span").bind("click", mySpan = function (event, a, b) { var txt = $("#msg").html() + "<p>内层span元素被单击<p/>"; $("#msg").html(txt); //alert($(event.target)); event.stopPropagation(); start(event, a, b); //return false; }) $("span").trigger("click", ["5", "6"]); function start(event, a, b) { alert(a); alert(b); } $("#content").bind("click", { foo: "bar" }, myFun2 = function (event) { var txt = $("#msg").html() + "<p>外层div元素被单击<p/>"; $("#msg").html(txt); alert(event.data.foo); event.stopPropagation(); }); $("body").trigger("clcik"); $("body").bind("click", function () { var txt = $("#msg").html() + "<p>body元素被单击<p/>"; $("#msg").html(txt); event.stopPropagation(); }); $("#btn").click(function () { $("#btn").unbind("click", myFun2); alert("aaa"); }) }) </script> <button id="btn">删除第二个</button> <div id="test"></div> </body> </html>
