//绑定和解绑事件 //绑定事件方式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();