jquery基础函数用法5

50.change(fn)设置onchange事件的方法

eg:<p>Hello</p>

$("p").change( function() { alert("Hello"); } ); ==>> [ <p onchange="alert('Hello');">Hello</p>

51.click()触发onclick事件, click(fn)设置onclick方法

52.dblclick(fn)设置ondblclick方法

53.error(fn)设置error方法

54.bind(type, data, fn)对所有选定的element判断事件,type是事件类型,data是参数,fn是事处理方法.

eg:1.$("p").bind("click", function(){ alert( $(this).text() ); });

eg:2.function handler(event) { alert(event.data.foo); }

$("p").bind("click", {foo: "bar"}, handler) ==>> [ alert("bar") ]

55.blur() 触发blur方法,blur(fn)设置blur函数

eg: <p>Hello</p>

$("p").blur( function() { alert("Hello"); } ); ==>> [ <p onblur="alert('Hello');">Hello</p>



56.focus()触发onfocus,focus(fn)设置focus方法

eg:<p>Hello</p>

$("p").focus( function() { alert("Hello"); } ); ==>> [ <p onfocus="alert('Hello');">Hello</p> ]

57.hover(over, out) 设置mouse移入以及mouse移出时所触发的事件.

eg:$("p").hover(function(){
  $(this).addClass("over");
},function(){
  $(this).addClass("out");
});

58 keydown(fn),keypress(fn),keyup(fn),按键盘相关的操作分别对应onkeydown,onkeypress,onkeyup.

59 mousedown(fn),mousemove(fn),mouseout(fn),mouseover(fn),mouseup(fn)这些是mouse相关的操作分别对应

onmousedown,onmousemove,onmouseout,onmouseover,onmouseup.

60.load 当element load事件发生时触发

eg:<p>Hello</p>

$("p").load( function() { alert("Hello"); } ); ==>> [ <p onload="alert('Hello');">Hello</p> ]

61.one(type, data, fn)与bind差不多,最大的区别是前者只运行一次后便不再响应.如果运行后不想继续运行默认的方法只要fn中返回值

return false就可以了.

eg: <p>Hello</p>

$("p").one("click", function(){ alert( $(this).text() ); }); ==>> [ alert("Hello") ]

62.ready(fn)当dom 结构载入完毕的时候.用此方法时,请不要在onload方法里面写代码.不然就不会触发ready事件

eg:1.$(document).ready(function(){ Your code here... });

eg:2.jQuery(function($) {
  // Your code using failsafe $ alias here...
});

63.resize 设置onresize方法.当大小改变时触发

eg: <p>Hello</p>

$("p").resize( function() { alert("Hello"); } ); ==>> [ <p onresize="alert('Hello');">Hello</p> ]

64 scroll(fn) 设置onscroll方法

65.select()触发onselect方法.select(fn)设置select方法

66. submit()提交表单,submit(fn)设置submit方法.

eg:$("#myform").submit( function() {return $("input", this).val().length > 0; } );<form id="myform"><input /></form>

67.toggle(even, odd),even当偶数单击时运行,odd当奇数单击时运行.用unbind('click')删除

eg:$("p").toggle(function(){
  $(this).addClass("selected");
},function(){
  $(this).removeClass("selected");
});

68.trigger(type)触发相应的type方法

eg: <p click="alert('hello')">Hello</p>

$("p").trigger("click") ==>> [ alert('hello') ]

69 unbind(type, fn)与bind相反

1.unbind()删除所有的绑定.

eg:<p onclick="alert('Hello');">Hello</p>$("p").unbind() ==>> [ <p>Hello</p> ]

2.unbind(type)删除指定的绑定

eg:<p onclick="alert('Hello');">Hello</p>

$("p").unbind("click") ==>> [ <p>Hello</p> ]

3.unbind(type, fn)删除指定type的指定fn

eg:<p onclick="alert('Hello');">Hello</p>

$("p").unbind("click", function() { alert("Hello"); } ) ==>> [ <p>Hello</p> ]

70.unload(fn)当页面unload的时候触发方法

eg: <p>Hello</p>$("p").unload( function() { alert("Hello"); } ); ==>> [ <p onunload="alert('Hello');">Hello</p> ]