jQuery常用方法小结
2017-12-19 17:11
225 查看
1、each() 方法
each() 方法规定为每个匹配元素规定运行的函数。
详情参见:
http://www.w3school.com.cn/jquery/traversing_each.asp
2、click() 方法
当点击元素时,会发生 click 事件。
当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click。
详情参见:
http://www.w3school.com.cn/jquery/event_click.asp
3、dbclick()方法
当双击元素时,会发生 dblclick 事件。
当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click。
在很短的时间内发生两次 click,即是一次 double 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
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
相关文章推荐
- jQuery操作表单常用控件方法小结
- jQuery操作表单常用控件方法小结
- Jquery 小结(常用方法)
- jQuery常用数据处理方法小结
- 【JQuery】jQuery中的常用方法小结
- JQuery常用方法小结
- jQuery操作表单常用控件方法小结
- jQuery常用数据处理方法小结
- jquery 常用的对字符串进行操作的方法小结
- jQuery常用方法小结
- jquery常用特效方法使用示例
- Jquery 常用方法经典总结
- jQuery中调用WebService方法小结
- jQuery select操作控制方法小结
- jQuery常用属性和方法
- JQuery常用函数及功能小结
- JQuery:各种操作表单元素方法小结
- jQuery常用方法(持续更新)
- jQuery与js常用方法对比