jquery 注意事项与常用语法小结

2020-05-17 06:22:05易采站长站整理

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)。