第21天-jQuery讲述.pptxVIP

第21天-jQuery jQuery事件 ready方法 ready(fn) 当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。 返回值:jQuery对象 可以在同一个页面中无限次地使用$(document).ready()事件。其中注册的函数会按照（代码中的）先后顺序依次执行。 fn:要在DOM就绪时执行的函数 可以简写为： $(function(){ //…… }) click方法 click([[data],fn]) 返回值：jQuery对象 触发每一个匹配元素的click事件。 这个函数会调用执行绑定到click事件的所有函数。 data:click([Data], fn) 可传入data供函数fn处理。 fn:在每一个匹配元素的click事件中绑定的处理函数。 click方法 focus方法 focus([[data],fn]) 当元素获得焦点时，触发 focus 事件。 返回值：jQuery对象 可以通过鼠标点击或者键盘上的TAB导航触发。这将触发所有绑定的focus函数，注意，某些对象不支持focus方法。 data:focus([Data], fn) 可传入data供函数fn处理。 fn:在每一个匹配元素的focus事件中绑定的处理函数。 focus方法 keypress方法 keypress([[data],fn]) 当键盘或按钮被按下时，发生 keypress 事件。 返回值：jQuery对象 每插入一个字符，就会发生 keypress 事件。注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。 data:keypress([Data], fn) 可传入data供函数fn处理。 fn:在每一个匹配元素的keypress事件中绑定的处理函数。 keypress方法 mouseover方法 mouseover([[data],fn]) 当鼠标指针位于元素上方时，会发生 mouseover 事件。 返回值:jQuery对象 data:mouseover([Data], fn) 可传入data供函数fn处理。 fn:在每一个匹配元素的mouseover事件中绑定的处理函数。 mouseover方法 select方法 select([[data],fn]) 当 textarea 或文本类型的 input 元素中的文本被选择时，会发生 select 事件。 这个函数会调用执行绑定到select事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。 返回值:jQuery对象 data:select([Data], fn) 可传入data供函数fn处理。 fn:在每一个匹配元素的select事件中绑定的处理函数。 select方法 change方法 change([[data],fn]) 当元素的值发生改变时，会发生 change 事件。 该事件仅适用于文本域（text field），以及 textarea 和 select 元素。当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。 返回值:jQuery对象 data:change([Data], fn) 可传入data供函数fn处理。 fn:在每一个匹配元素的change事件中绑定的处理函数。 change方法 submit方法 submit([[data],fn]) 当提交表单时，会发生 submit 事件。 该事件只适用于表单元素。 返回值:jQuery对象 data:submit([Data], fn) 可传入data供函数fn处理。 fn:在每一个匹配元素的submit事件中绑定的处理函数。 submit方法 blur方法 blur([[data],fn]) 当元素失去焦点时触发 blur 事件。 返回值:jQuery对象 data:blur([Data], fn) 可传入data供函数fn处理。 fn:在每一个匹配元素的blur事件中绑定的处理函数。 blur方法 bind方法 bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数。 返回值:jQuery对象 type:含有一个或多个事件类型的字符串，由空格分隔多个事件。比如click或submit，还可以是自定义事件名。 data:作为event.data属性值传递给事件对象的额外数据对象 false: 将第三个参数设置为false会使默认的动作失效。 bind方法 $(#foo).bind(click, function() { alert(User clicke