$("a").click(function(event) {
alert("Current mouse position: "+event.pageX+", "+event.pageY);//获取鼠标当前相对于页面的坐标
return false;
});
(7)、event.which()方法
该方法的作用是在鼠标单击事件中获取到鼠标的左、中、右键；在键盘事件中获取键盘的按键。
复制代码 代码如下:
$(function() {
$("body").mousedown(function(e) {
alert(e.which);//1=鼠标左键 left; 2=鼠标中键; 3=鼠标右键
});
});
(8)、event.metaKey()方法
针对不同浏览器对键盘中的<ctrl>按键解释不同，jquery也进行了封装，并规定event.metaKey()方法为键盘事件中获取<ctrl>按键。
(9)、event.originalEvent()方法
该方法的作用是指向原始的事件对象。
7、关于bind()方法
(1)、绑定多个事件类型
复制代码 代码如下:
$(function() {
$("div").bind("mouseover mouseout", function() {
$(this).toggleClass("over");
});
});
(2)、添加事件命名空间
复制代码 代码如下:
$(function() {
$("div").bind("click.plugin", function() {
$("body").append("<p>click</p>");
});
$("div").bind("mouseover.plugin", function() {
$("body").append("<p>mouseover</p>");
});
$("div").bind("dblclick", function() {
$("body").append("<p>dblclick</p>");
});
$("button").click(function() {
$("div").unbind(".plugin");
});
});
在所绑定的事件类型后面添加命名空间，这样在删除事件时只需要指定命名空间即可。单击<button>元素后，"plugin"的命名空间被删除，而不在"plugin"的命名空间的"dblclick"事件依然存在。
(3)、相同事件名称、不同命名空间执行方法
复制代码 代码如下:
$(function() {
$("div").bind("click", function() {
$("body").append("<p>click</p>");
});
$("div").bind("click.plugin", function() {
$("body").append("<p>click.plugin</p>");
});
$("button").click(function() {
$("div").trigger("click!");//注意click后面的感叹号
});
});
当单击<div>元素后，会同时触发click事件和click.plugin事件。如果只是单击<button>元素，则只触发click事件，而不触发click.plugin事件。注意，trigger("click!")后面的感叹号的作用是匹配所有不包含在命名空间中的click方法。如果需要两者都触发，只需要去掉感叹号即可。
8、关于jQuery中的动画
(1)、用jQuery做动画效果要求要在标准模式下，否则可能会引起动画抖动。标准模式即要求文件头部包含如下的DTD定义：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
(2)、jQuery中的任何动画效果，都可以指定3种速度参数，即"slow"、"normal"、"fast"(时间长度分别是0.6秒、0.4秒和0.2秒)。当使用速度关键字时要加引号，例如show("slow")，如果用数字作为时间参数时就不需要加引号，例如show(1000)。
(3)、在使用animate()方法使元素动起来之前，为了能影响该元素的"top"、"left"、"buttom"、"right"样式属性，必须先把元素的position样式设置为"relative"或者"absolute"。
9、关于load()方法
此方法通常用来从web服务器上获取静态的数据文件。
(1)、用load()筛选载入的HTML文档内容
这时load()方法的URL参数的语法结构为："url selector"，注意url和selector之间有一个空格。例如只需要加载test.html页面中class为"para"的内容，可以用$("#xxx").load("test.html .para");
(2)、load()方法的回调函数的参数
load()方法提供的回调函数有3个参数，分别代表请求返回的内容、请求状态和XMLHttpRequest对象，代码如下：
复制代码 代码如下:
#("#resText").load("test.html", function(responseText, textStatus, XMLHttpRequest) {
//responseText : 请求返回的内容
//textStatus : 请求状态: success、error、notmodified、timeout 4种
//XMLHttpRequest ： XMLHttpRequest对象
});
注意，在load()方法中，无论Ajax请求是否成功，只要当请求完成后(complete)后，回调函数(callback)就被触发。此对应$.ajax()方法中的complete回调函数。
10、关于$.get()方法
(1)、只有当response的返回状态是success时才调用此方法的回调函数。
(2)、此方法的回调函数有两个参数，分别是data即返回的内容(可以是XML文档、JSON文件、HTML片段等等)、textStatus即请求状态(success、error、notmodified、timeout这4种)
注意，$.post()方法与$.get()方法基本相同。
11、关于内容选择器
内容选择器:contains()选择符区分大小写。
12、关于插件的通常写法
复制代码 代码如下: