jQuery学习(二)
**jQuery **事件方法
事件方法会触发匹配元素的事件,或将函数绑定到所有匹配元素的某个事件。
触发实例:
$(“button#demo”).click()
上面的例子将触发 的 button 元素的 click 事件。
绑定实例:
$(“button#demo”).click(function(){$(“img”).hide()})
上面的例子会在点击 的按钮时隐藏所有图像。
| 方法 |
| 描述 |
| ready() |
| 文档就绪事件(当 HTML 文档就绪可用时) |
| blur() |
| 触发、或将函数绑定到指定元素的 blur 事件 |
| change() |
| 触发、或将函数绑定到指定元素的 change 事件 |
| click() |
| 触发、或将函数绑定到指定元素的 click 事件 |
| dblclick() |
| 触发、或将函数绑定到指定元素的 double click 事件 |
| error() |
| 触发、或将函数绑定到指定元素的 error 事件 |
| focus() |
| 触发、或将函数绑定到指定元素的 focus 事件 |
| keydown() |
| 触发、或将函数绑定到指定元素的 key down 事件 |
| keypress() |
| 触发、或将函数绑定到指定元素的 key press 事件 |
| keyup() |
| 触发、或将函数绑定到指定元素的 key up 事件 |
| load() |
| 触发、或将函数绑定到指定元素的 load 事件 |
| mousedown() |
| 触发、或将函数绑定到指定元素的 mouse down 事件 |
| mouseenter() |
| 触发、或将函数绑定到指定元素的 mouse enter 事件 |
| mouseleave() |
| 触发、或将函数绑定到指定元素的 mouse leave 事件 |
| mousemove() |
| 触发、或将函数绑定到指定元素的 mouse move 事件 |
| mouseout() |
| 触发、或将函数绑定到指定元素的 mouse out 事件 |
| mouseover() |
| 触发、或将函数绑定到指定元素的 mouse over 事件 |
| mouseup() |
| 触发、或将函数绑定到指定元素的 mouse up 事件 |
| resize() |
| 触发、或将函数绑定到指定元素的 resize 事件 |
| scroll() |
| 触发、或将函数绑定到指定元素的 scroll 事件 |
| select() |
| 触发、或将函数绑定到指定元素的 select 事件 |
| submit() |
| 触发、或将函数绑定到指定元素的 submit 事件 |
| unload() |
| 触发、或将函数绑定到指定元素的 unload 事件 |
*j***Query **事件处理方法
事件处理方法把事件处理器绑定至匹配元素。
| 方法 |
| 触发 |
| $(selector).bind(event) |
| 向匹配元素添加一个或更多事件处理器 |
| $(selector).delegate(selector, event) |
| 向匹配元素添加一个事件处理器,现在或将来 |
| $(selector).die() |
| 移除所有通过 live() 函数添加的事件处理器 |
| $(selector).live(event) |
| 向匹配元素添加一个事件处理器,现在或将来 |
| $(selector).one(event) |
| 向匹配元素添加一个事件处理器。该处理器只能触发一次。 |
| $(selector).unbind(event) |
| 从匹配元素移除一个被添加的事件处理器 |
| $(selector).undelegate(event) |
| 从匹配元素移除一个被添加的事件处理器,现在或将来 |
| $(selector).trigger(event) |
| 所有匹配元素的指定事件 |
| $(selector).triggerHandler(event) |
| 第一个被匹配元素的指定事件 |
**jQuery **名称冲突
jQuery 使用 $ 符号作为 jQuery 的简介方式。
某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。
jQuery 使用名为 noConflict() 的方法来解决该问题。
var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。
结论
由于 jQuery 是为处理 HTML 事件而特别设计的,那么当您遵循以下原则时,您的代码会更恰当且更易维护:
把所有 jQuery 代码置于事件处理函数中
把所有事件处理函数置于文档就绪事件处理器中
把 jQuery 代码置于单独的 .js 文件中
如果存在名称冲突,则重命名 jQuery 库


