Jquery点击特殊基础整理.docx

Jquery点击特殊基础整理.docx

《Jquery点击特殊基础整理.docx》由会员分享，可在线阅读，更多相关《Jquery点击特殊基础整理.docx（11页珍藏版）》请在冰豆网上搜索。

Jquery点击特殊基础整理

1keydown（[[data],fn]）

概述

触发每一个匹配元素的keydown事件

这个函数会调用执行绑定到keydown事件的所有函数，包括浏览器的默认行为。

可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。

keydown事件会在键盘按下时触发。

参数

fnFunctionV1.0

在每一个匹配元素的keydown事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3

data:

keydown（[Data],fn）可传入data供函数fn处理。

fn:

在每一个匹配元素的keydown事件中绑定的处理函数。

示例

描述:

在页面内对键盘按键做出回应，可以使用如下代码:

jQuery代码:

$（window）.keydown（function（event）{

switch（event.keyCode）{

//...

//不同的按键可以做不同的事情

//不同的浏览器的keycode不同

//更多详细信息:

//...

}

}）;

2keypress（[[data],fn]）

概述

触发每一个匹配元素的keypress事件

T这个函数会调用执行绑定到keydown事件的所有函数，包括浏览器的默认行为。

可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。

keydown事件会在键盘按下时触发

参数

fnFunctionV1.0

在每一个匹配元素的keypress事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3

data:

keypress（[Data],fn）可传入data供函数fn处理。

fn:

在每一个匹配元素的keypress事件中绑定的处理函数。

示例

描述:

计算在输入域中的按键次数：

jQuery代码:

$（"input"）.keydown（function（）{

$（"span"）.text（i+=1）;

}）;

3keyup（[[data],fn]）

概述

触发每一个匹配元素的keyup事件

这个函数会调用执行绑定到keyup事件的所有函数，包括浏览器的默认行为。

可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。

keyup事件会在按键释放时触发。

参数

fnFunctionV1.0

在每一个匹配元素的keyup事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3

data:

keyup（[Data],fn）可传入data供函数fn处理。

fn:

在每一个匹配元素的keyup事件中绑定的处理函数。

示例

描述:

当按下按键时，改变文本域的颜色：

jQuery代码:

$（"input"）.keyup（function（）{

$（"input"）.css（"background-color","#D6D6FF"）;

}）;

4mousedown（[[data],fn]）

概述

在每一个匹配元素的mousedown事件中绑定一个处理函数。

mousedown事件在鼠标在元素上点击后会触发

参数

fnFunctionV1.0

在每一个匹配元素的mousedown事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3

data:

mousedown（[Data],fn）可传入data供函数fn处理。

fn:

在每一个匹配元素的mousedown事件中绑定的处理函数。

示例

描述:

当按下鼠标按钮时，隐藏或显示元素：

jQuery代码:

$（"button"）.mousedown（function（）{

$（"p"）.slideToggle（）;

}）;

5mouseenter（[[data],fn]）

概述

当鼠标指针穿过元素时，会发生mouseenter事件。

该事件大多数时候会与mouseleave事件一起使用。

与mouseover事件不同，只有在鼠标指针穿过被选元素时，才会触发mouseenter事件。

如果鼠标指针穿过任何子元素，同样会触发mouseover事件。

参数

fnFunctionV1.0

在每一个匹配元素的mouseenter事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3

data:

mouseenter（[Data],fn）可传入data供函数fn处理。

fn:

在每一个匹配元素的mouseenter事件中绑定的处理函数。

示例

描述:

当鼠标指针进入（穿过）元素时，改变元素的背景色：

jQuery代码:

$（"p"）.mouseenter（function（）{

$（"p"）.css（"background-color","yellow"）;

}）;

6mouseleave（[[data],fn]）

概述

当鼠标指针离开元素时，会发生mouseleave事件。

该事件大多数时候会与mouseenter事件一起使用。

与mouseout事件不同，只有在鼠标指针离开被选元素时，才会触发mouseleave事件。

如果鼠标指针离开任何子元素，同样会触发mouseout事件。

参数

fnFunctionV1.0

在每一个匹配元素的mouseleave事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3

data:

mouseleave（[Data],fn）可传入data供函数fn处理。

fn:

在每一个匹配元素的mouseleave事件中绑定的处理函数。

示例

描述:

当鼠标指针离开元素时，改变元素的背景色：

：

jQuery代码:

$（"p"）.mouseleave（function（）{

$（"p"）.css（"background-color","#E9E9E4"）;

}）;

7mousemove（[[data],fn]）

概述

在每一个匹配元素的mousemove事件中绑定一个处理函数。

mousemove事件通过鼠标在元素上移动来触发。

事件处理函数会被传递一个变量——事件对象，其.clientX和.clientY属性代表鼠标的坐标

参数

fnFunctionV1.0

在每一个匹配元素的mousemove事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3

data:

mousemove（[Data],fn）可传入data供函数fn处理。

fn:

在每一个匹配元素的mousemove事件中绑定的处理函数。

示例

描述:

获得鼠标指针在页面中的位置：

jQuery代码:

$（document）.mousemove（function（e）{

$（"span"）.text（e.pageX+","+e.pageY）;

}）;

8mouseout（[[data],fn]）

概述

在每一个匹配元素的mouseout事件中绑定一个处理函数。

mouseout事件在鼠标从元素上离开后会触发

参数

fnFunctionV1.0

在每一个匹配元素的mouseout事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3

data:

mouseout（[Data],fn）可传入data供函数fn处理。

fn:

在每一个匹配元素的mouseout事件中绑定的处理函数。

示例

描述:

当鼠标从元素上移开时，改变元素的背景色：

jQuery代码:

$（"p"）.mouseout（function（）{

$（"p"）.css（"background-color","#E9E9E4"）;

}）;

9mouseover（[[data],fn]）

概述

在每一个匹配元素的mouseover事件中绑定一个处理函数。

mouseover事件会在鼠标移入对象时触发

参数

fnFunctionV1.0

在每一个匹配元素的mouseover事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3

data:

mouseover（[Data],fn）可传入data供函数fn处理。

fn:

在每一个匹配元素的mouseover事件中绑定的处理函数。

示例

描述:

当鼠标指针位于元素上方时时，改变元素的背景色：

jQuery代码:

$（"p"）.mouseover（function（）{

$（"p"）.css（"background-color","yellow"）;

}）;

10mouseup（[[data],fn]）

概述

在每一个匹配元素的mouseup事件中绑定一个处理函数。

mouseup事件会在鼠标点击对象释放时

参数

fnFunctionV1.0

在每一个匹配元素的mouseup事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3

data:

mouseup（[Data],fn）可传入data供函数fn处理。

fn:

在每一个匹配元素的mouseup事件中绑定的处理函数。

示例

描述:

当松开鼠标按钮时，隐藏或显示元素：

jQuery代码:

$（"button"）.mouseup（function（）{

$（"p"）.slideToggle（）;

}）;

11resize（[[data],fn]）

概述

在每一个匹配元素的resize事件中绑定一个处理函数。

当文档窗口改变大小时触发

参数

fnFunctionV1.0

在每一个匹配元素的resize事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3

data:

resize（[Data],fn）可传入data供函数fn处理。

fn:

在每一个匹配元素的resize事件中绑定的处理函数。

示例

描述:

让人每次改变页面窗口的大小时很郁闷的方法:

jQuery代码:

$（window）.resize（function（）{

alert（"Stopit!

"）;

}）;

描述:

对浏览器窗口调整大小进行计数：

jQuery代码:

$（window）.resize（function（）{

$（'span'）.text（x+=1）;

}）;

12scroll（[[data],fn]）

概述

在每一个匹配元素的scroll事件中绑定一个处理函数。

当滚动条发生变化时触发

参数

fnFunctionV1.0

在每一个匹配元素的scroll事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3

data:

scroll（[Data],fn）可传入data供函数fn处理。

fn:

在每一个匹配元素的scroll事件中绑定的处理函数。

示例

描述:

当页面滚动条变化时，执行的函数:

jQuery代码:

$（window）.scroll（function（）{/*...dosomething...*/}）;

描述:

对元素滚动的次数进行计数：

jQuery代码:

$（"div"）.scroll（function（）{

$（"span"）.text（x+=1）;

}）;

13select（[[data],fn]）

概述

触发每一个匹配元素的select事件

这个函数会调用执行绑定到select事件的所有函数，包括浏览器的默认行为。

可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。

参数

fnFunctionV1.0

在每一个匹配元素的select事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3

data:

select（[Data],fn）可传入data供函数fn处理。

fn:

在每一个匹配元素的select事件中绑定的处理函数。

示例

描述:

触发所有input元素的select事件:

jQuery代码:

$（"input"）.select（）;

描述:

当文本框中文本被选中时执行的函数:

jQuery代码:

$（":

text"）.select（function（）{/*...dosomething...*/}）;

14submit（[[data],fn]）

概述

触发每一个匹配元素的submit事件。

这个函数会调用执行绑定到submit事件的所有函数，包括浏览器的默认行为。

可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。

参数

fnFunctionV1.0

在每一个匹配元素的submit事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3

data:

submit（[Data],fn）可传入data供函数fn处理。

fn:

在每一个匹配元素的submit事件中绑定的处理函数。

示例

描述:

提交本页的第一个表单:

jQuery代码:

$（"form:

first"）.submit（）;

描述:

如果你要阻止表单提交:

jQuery代码:

$（"form"）.submit（function（）{

returnfalse;

}）;

15unload（[[data],fn]）

概述

在每一个匹配元素的unload事件中绑定一个处理函数。

参数

fnFunctionV1.0

在每一个匹配元素的unload事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3

data:

unload（[Data],fn）可传入data供函数fn处理。

fn:

在每一个匹配元素的unload事件中绑定的处理函数。

示例

描述:

页面卸载的时候弹出一个警告框:

jQuery代码:

$（window）.unload（function（）{alert（"Byenow!

"）;}）;