笔记备忘

 //绑定和解绑事件

    //绑定事件方式1
    $("#btn1").bind("click", function () {
        //操作
    });

     //绑定事件方式2
    $("#btn1").click(function () {
          //操作
    });

    //解除所有的事件
    $("#btn1").unbind();

    //单独解除click事件
    $("#btn1").unbind("click");
    //使用事件对象,直接在事件处理函数中加一个evt参数即可
    $("#btn1").mouseout(function (evt) {
        document.title = evt.pageX + ":" + evt.pageY;
        evt.stopPropagation();//取消事件冒泡
        //window.event.cancelBubble = true;
    })

 

 //自定义jquery插件
        $(function () {
            (function ($) {
                $.fn.extend({//添加事件
                    setTableStyle: function () {
                        $("tr", this).mouseover(function () {
                            $(this).css("backgroundColor", "red")
                        }).mouseout.css("backgroundColor", "")
                    },
                    ClearTableStyle: function () {
                        $("tr", this).unbind();//移除所有事件
                    }
                });
            })(JQuery)
        })


//table调用插件
    $("#t1").setTableStyle();
    $("#t1").ClearTableStyle();
  

 

posted @ 2018-04-24 22:53  冲天小肥牛  阅读(120)  评论(0编辑  收藏  举报