：blur(),click(),focus(),select(),submit() ： ：jQuery ： jQuery Code $("p").click(); Before <p onclick="alert('Hello');">Hello</p> Result: alert('Hello'); jQuery Code $("form").submit();
：blur(fn),click(fn),dblclick(fn),error(fn),focus(fn), keydown(fn),keypress(fn),keyup(fn),load(fn), mousedown(fn),mouseover(fn),mousemove(fn),mouseup(fn), ready(fn),resize(fn),scrool(fn),select(fn),unload(fn) ： ：jQuery ： ： jQuery Code $("p").click( function() { alert("Hello"); } ); Before <p>Hello</p> Result: <p onclick="alert('Hello');">Hello</p>
：bind(type, data, fn) ： ：type ，data json ，fn ： jQuery Code $("p").bind("click", function(){ alert( $(this).text() ); }); Before <p>Hello</p> Result: alert("Hello") Pass some additional data to the event handler. jQuery Code function handler(event) { alert(event.data.foo); } $("p").bind("click", {foo: "bar"}, handler) Result: alert("bar")
：unbind(type, fn) ： ：jQuery ：type ，fn ： jQuery Code $("p").unbind() Before <p onclick="alert('Hello');">Hello</p> Result: [ <p>Hello</p> ] jQuery Code $("p").unbind( "click" ) Before <p onclick="alert('Hello');">Hello</p> Result: [ <p>Hello</p> ]
：one(type, data, fn) ： ， bind(type,data,fn)
：hover(over, out) ： ：jQuery ： over (Function): The function to fire whenever the mouse is moved over a matched element. out (Function): The function to fire whenever the mouse is moved off of a matched element. ： jQuery Code $("p").hover(function(){ $(this).addClass("hover"); },function(){ $(this).removeClass("hover"); });
：trigger(type, data) ： ：jQuery ：type ，data ： jQuery Code $("p").trigger("click") Before <p click="alert('hello')">Hello</p> Result: alert('hello') Example of how to pass arbitrary data to an event jQuery Code $("p").click(function(event, a, b) { // when a normal click fires, a and b are undefined // for a trigger like below a refers too "foo" and b refers to "bar" }).trigger("click", ["foo", "bar"]); jQuery Code $("p").bind("myEvent",function(event,message1,message2) { alert(message1 + ' ' + message2); }); $("p").trigger("myEvent",["Hello","World"]); Result: alert('Hello World') // One for each paragraph
：toggle(even, odd) : ：jQuery ： even (Function): The function to execute on every even click. odd (Function): The function to execute on every odd click. : jQuery Code $("p").toggle(function(){ $(this).addClass("selected"); },function(){ $(this).removeClass("selected"); });