javascript代码: $(function () { $("input[value='事件']").bind("click", myfun1 = function () { $("#content").append("事件1<br>"); }).bind("click", myfun2 = function () { $("#content").append("事件2<br>"); }); $("input[value='移除']").click(function () { //$("input[value='事件']").unbind("click"); //$("input[value='事件']").unbind();//移除所有事件 $("input[value='事件']").unbind("click", myfun1); alert("事件1移除干净"); }); $("input[value='one事件']").one("click", function () {//仅有效一次 $("#content").append("<p>事件1</p>"); }).one("click", function () { $("#content").append("<p>事件2</p>"); }); //$("input[value='事件']").trigger("click"); //模拟加载事件 //$("input[value='事件']").click(); /*$("input[value='事件']").bind("myevent", function () { $("#content").append("自定义事件"); }).trigger("myevent");//自定义元素事件并自动触发 $("input[value='事件']").bind("myevent", function (e, msg1, msg2, msg3) {//e不能少,因为是调用event.data事件 $("#content").append(msg1 + msg2 + msg3); }).trigger("myevent", ["我的", "自定义", "事件"]); $("#content").bind("mouseover mouseout", function () {//同时绑定两个事件,切换样式 $(this).toggleClass("myClass"); }); $("#content").bind("click.plug", function () { //命名空间 $("#div2").append("<p>单击增加的新内容</p>"); }).bind("mouseover.plug", function () { $("#div2").append("<p>鼠标移上去增加的新内容</p>"); }).bind("dblclick", function () { $("#div2").append("<p>双击增加的新内容</p>"); }); $("input[value='移除div的事件']").click(function () { $("#content").unbind(".plug");//移除命名空间内的所有事件 alert("仅有双击事件了!"); });*/ $("#content").bind("click", function () { $("#div2").append("<p>没有命名空间的单击</p>");// }).bind("click.plug", function () { $("#div2").append("<p>调用命名空间里的单击</p>"); }); $("input[value='无命名空间的单击']").click(function () { $("#content").trigger("click!");//此处click之后的!调用没有命名空间里的click }); }); 网页内容: <input type="button" value="事件" /> <div id="content"></div> <input type="button" value="移除" /> <input type="button" value="one事件" /> <div id="div2"></div> <input type="button" value="移除div的事件" /> <input type="button" value="无命名空间的单击" />