jQuery常用方法小结

1、each() 方法
each() 方法规定为每个匹配元素规定运行的函数。
详情参见:
http://www.w3school.com.cn/jquery/traversing_each.asp

2、click() 方法
当点击元素时,会发生 click 事件。
当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click。

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

$(元素).click(function(){
       函数内容
       })
上述用法,即为元素添加click事件
$(元素).click()
上述用法,即为触发元素的click事件

详情参见:
http://www.w3school.com.cn/jquery/event_click.asp

3、dbclick()方法
当双击元素时,会发生 dblclick 事件。
当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click。
在很短的时间内发生两次 click,即是一次 double click 事件。

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

提示:如果把 dblclick 和 click 事件应用于同一元素,可能会产生问题。
用法同click()方法类似
详情参见:
http://www.w3school.com.cn/jquery/event_dblclick.asp

4、slideToggle() 方法
slideToggle() 方法通过使用滑动效果(高度变化)来切换元素的可见状态。
如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。
详情参见:
http://www.w3school.com.cn/jquery/effect_slidetoggle.asp

5、eq() 方法
eq() 方法将匹配元素集缩减值指定 index 上的一个。
详情参见:
http://www.w3school.com.cn/jquery/traversing_eq.asp

6、attr()方法
attr() 方法设置或返回被选元素的属性值。
根据该方法不同的参数,其工作方式也有所差异。
用于设置
$(元素).attr(“属性”,”数值”)
用于返回属性值
$(元素).attr(“属性”)
详情参见:
http://www.w3school.com.cn/jquery/attributes_attr.asp

7、mousedown()方法
当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。
与 click 事件不同,mousedown 事件仅需要按键被按下,而不需要松开即可发生。
mousedown() 方法触发 mousedown 事件,或规定当发生 mousedown 事件时运行的函数。
用法同click方法大同小异,区别在于mousedown只需鼠标按下不需松开
详情参见:
http://www.w3school.com.cn/jquery/event_mousedown.asp

8、mouseover() 方法
当鼠标指针位于元素上方时,会发生 mouseover 事件。
该事件大多数时候会与 mouseout 事件一起使用。
mouseover() 方法触发 mouseover 事件,或规定当发生 mouseover 事件时运行的函数。
注释:与 mouseenter 事件不同,不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。
详情参见:
http://www.w3school.com.cn/jquery/event_mouseover.asp

注: mouseenter()方法
当鼠标指针穿过元素时,会发生 mouseenter 事件。
该事件大多数时候会与 mouseleave 事件一起使用。
mouseenter() 方法触发 mouseenter 事件,或规定当发生 mouseenter 事件时运行的函数。
注释:与 mouseover 事件不同,只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。如果鼠标指针穿过任何子元素,同样会触发 mouseover 事件。
详情参见:
http://www.w3school.com.cn/jquery/event_mouseenter.asp

9、mouseout() 方法
当鼠标指针从元素上移开时,发生 mouseout 事件。
该事件大多数时候会与 mouseover 事件一起使用。
mouseout() 方法触发 mouseout 事件,或规定当发生 mouseout 事件时运行的函数。
注释:与 mouseleave 事件不同,不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。
详情参见:
http://www.w3school.com.cn/jquery/event_mouseout.asp

注:mouseleave() 方法
当鼠标指针离开元素时,会发生 mouseleave 事件。
该事件大多数时候会与 mouseenter 事件一起使用。
mouseleave() 方法触发 mouseleave 事件,或规定当发生 mouseleave 事件时运行的函数。
注释:与 mouseout 事件不同,只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。如果鼠标指针离开任何子元素,同样会触发 mouseout 事件。
详情参见:
http://www.w3school.com.cn/jquery/event_mouseleave.asp

10、on()方法
为已知元素绑定函数
详情请见:
http://www.365mini.com/page/jquery-on.htm

11、bind()方法
bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。
详情参见:
http://www.w3school.com.cn/jquery/event_bind.asp

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值