JQuery中与动画应用详解.pdfVIP

第四章Jquery中的与动画

课程目标

1.掌握的使用方法？

2.常用动画的使用？

本章知识点

一．的基本应用？

//绑定方式一：

$(“对象”).名(function(){

});

//绑定方式二：

$(“对象”).bind(“类型名”,function(){

});

//绑定方式三：（仅会触发一次）

$(“对象”).one(“类型名”,function(){

});

冒泡：

原理：对象的相互嵌套，引起重复触发。

解决方案：在函数中使用returnfalse；冒泡。

对象的常用方法：

event对象：

type()——返回的类型名。

target()——目标对象。

pageX|pageY——获取鼠标在当前页的位置。

which——获取鼠标按下的键（1左键2中间键3右键）

移除

$(对象).unbind(“名”,指定的函数名);

取消全部：unbind();

取消某一类：unbind(“类型名”);

自定义：

$(p).bind(haha.1,function(){

alert(我的haha1！！！);

});

$(p).bind(haha.2,function(){

alert(我的haha2！！！);

});

$(p).bind(haha.3,function(){

alert(我的haha3！！！);

});

//调用自定义

$(p).bind(click,function(){

$(this).trigger(haha);

});

二．常用动画

自定义动画：animate(“设置的属性”，时间，[function])

设置属性规则：{属性名：“属性值“,属性名：“属性值“,…….}

Js与css命名约定：取消css中的“-“，减号后的首字母大写。