jQuery动画与事件概念以及语法

简介: jQuery动画与事件概念以及语法

一、鼠标单击事件:


语法:

KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲div1").click(fu…("#div1").mouseover(function(){//代码});


三、鼠标移出事件:


语法

:KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲div1").mouseout…("[name=‘name’]").keydown(function(){//代码});



五、键盘抬起事件:

语法:

KaTeX parse error: Expected '}', got 'EOF' at end of input: …

1.绑定单个事件:


语法:

("#div").bind(“click”,function(){//代码});


2.绑定多个事件:


语法:

$("#div").bind(
{
mouseover:function(){
//代码
},
click:function(){
//代码
}
}
);



七、移除事件:

KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲div").unbind("c…("#div").hover(function(){//悬浮事件},function(){//鼠标移出事件});


2.toggle方法:


语法:

KaTeX parse error: Expected 'EOF', got '#' at position

3:

("#̲div").toggle(fu…("#div1").show(“slow”);

其中括号中的值为slow慢,normal正常,fast快,还可以是数值300……


2.hide:隐藏


语法:$("#div1").hide(“slow”);其中括号中的值为slow慢,normal正常,fast快,还可以是数值300……


3.fadeIn:淡入,用法与show一样。值也一样。


4.fadeOut:淡出,用法与hide一样,值也一样。


5.slideUp:改变元素的高度。(向上拉)


6.slideDown:改变元素的高度。(向下拉)


注意:输入slow,normal和fast的时候,需要加双引号,而输入数字的时候则不需要加双引号。


比如:


slideUp(“fast”);
slideDown(50000);



目录
相关文章
N..
|
2月前
|
JavaScript 前端开发
jQuery事件处理
jQuery事件处理
N..
28 1
|
15天前
|
JavaScript 前端开发
jQuery 事件
jQuery 事件
16 1
|
18天前
|
移动开发 JavaScript 前端开发
老程序员分享:jQuery笔记(四)jQuery中的动画
老程序员分享:jQuery笔记(四)jQuery中的动画
20 0
|
15天前
|
JavaScript 前端开发
jQuery 语法
jQuery 语法
15 1
|
17天前
|
JavaScript 前端开发 开发者
jQuery中的ready()函数:优雅地处理页面加载事件
jQuery中的ready()函数:优雅地处理页面加载事件
7 0
|
24天前
|
JavaScript
jQuery 动画小练习
jQuery 动画小练习
16 0
|
27天前
|
JavaScript 前端开发
我如何使用jQuery动画我的元素
我如何使用jQuery动画我的元素
12 0
|
27天前
|
JavaScript
jQuery如何停止动画队列
jQuery如何停止动画队列
18 0
|
1月前
制作温馨浪漫爱心表白动画特效HTML5+jQuery【附源码】
制作温馨浪漫爱心表白动画特效HTML5+jQuery【附源码】
25 0
|
2月前
|
移动开发 JavaScript 前端开发
jQuery 根据 DOM 元素 attribute 进行过滤的语法
jQuery 根据 DOM 元素 attribute 进行过滤的语法