jquery click事件 jquery.click

jQuery的单机和双击事件

（1）单机事件

click 定义和使用： 当点击元素时，会发生 click事件。

当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次click。

click() 方法触发click事件，或规定当发生click事件时运行的函数。

触发click事件的语法：$(“abc”).click(); 将函数绑定到click事件：$(“abc”).click(function(){});

参数function可选，规定当发生click事件时运行的函数。

一开始没有设置事件的样式

设置点击事件代码：

$("#pfxtFen li").click( function () {
 $(this).addClass(“pfxtCur”)
 });

addClass的定义和用法：addClass () 方法向被选元素添加一个或多个类。

该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。

提示：如需添加多个类，请使用空格分隔类名。

点击事件效果：

（2）双击事件

dblclick的定义和使用：当双击元素时，会发生dblclick事件。

当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次 click。

在很短的时间内发生两次 click，即是一次 double click 事件。

dblclick () 方法触发dblclick事件，或规定当发生dblclick事件时运行的函数。

提示：如果把 dblclick和 click 事件应用于同一元素，可能会产生问题。

设置双击事件代码：

$("#pfxtFen li").dblclick(“click”,function () {
 $(“li”).removeClass(“pfxtCur”);
 });

removeClass（）方法从被选元素移除一个或多个。

双击事件的效果:

双击之前：

双击之后：