Bind()事件 

<!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>

posted @ 2016-06-28 15:50  Chris_在IT道路上前行  阅读(179)  评论(0)    收藏  举报