jQuery事件和动画基础的详细说明

今天，我们来讨论一下jQuery中的事件和简单动画。毕竟，它们是建立在基础和华丽的基础上的！

1。事件

1.window事件

准备就绪

2。鼠标事件

方法执行

单击（FN）单击鼠标
$（文档）Ready（函数（）{）
$（DD > IMG）。Click（function（）{）
$（DT > IMG）显示（）；
}）；
（FN）鼠标悬停鼠标指针移出日期

当mouseout（FN）鼠标指针移出
$（# nav.navsbox ul）。Mouseover（function（）{（）
$（这）。AddClass（onbg ）； / /添加类元素的Onbg风格。
}）。Mouseout（function（）{）
$（这）。RemoveClass（onbg ）； / /去除。onbg类风格元素
}）；
悬停（）
$（）。Hover（函数（）{）
$（这）AddClass（'bgreen）；
}函数（）{（）
$（这）RemoveClass（'bgreen）；
}）；
三.键盘事件

KeyDown（）当你按键盘

Keyup（）当按钮被释放

当按键（）产生的可打印字符
$（函数（）{（））
$（{类型=密码}）。Keyup（function（）{）
$（# E ）。追加（KeyUp ）；
}）。Keydown（function（）{）
$（# E ）。追加（keydown ）；
}）。Keypress（function（）{）
$(#e).Append (keypress);
}）；

$（document）。Keydown（函数（事件）{
如果（事件。密码= =13）{
警报（）要提交吗；
}
}）；
}）；
4。活动形式

焦点（）获得焦点

Blur（）失去焦点
$（函数（）{（））
$（输入）。焦点（函数（）{）
$（这个）。下一步。（Css）
警报（1123）；
}）；
$（输入）。Blur（函数（）{）
$（这个）。下一步。（Css）
}）；
}）；
绑定事件和删除事件

Bind（类型，{数据}，FN）（绑定）

类型主要包括基本事件如模糊焦点，点击，mouseout等。此外，它还可以是自定义事件。

{资料}的是作为一个event.data属性值的事件对象的附加数据传递对象，这是没有必要的

FN用于绑定处理函数。

Unbind（{型}，{ FN }）（去除）

类型主要包括基本事件如模糊焦点，点击，mouseout等。此外，还可以自定义事件。

FN用于绑定处理函数
$（函数（）{（））
$（）。Bind（{
鼠标悬停：函数（）{
$（这个）Css（背景色
}，mouseout：函数（）{（）
$（这个）Css（背景色
}
}）；
$（礼）的Unbind（）；
}）；
2。动画

1。控制元素显示和隐藏$（选择器）。

$（选择器）隐藏（{速度}，{回调}）

速度：可选。指定元素从隐藏（显示）到可见的速度（不可见）。

回调：可选。执行完show函数后要执行的函数。
$（函数（）{（））
$（可见）隐藏（100）；
}）；
（隐藏）。显示（100）；
2。改变元素的透明度
$（函数（）{（））
$（输入）。Click（函数（）{）
$（img）。FadeOut（100）； / / C.
/ / $（img）。FadeIn（100）；在
}）；
}）
三.改变元素的高度
$（函数（）{（））
$（）。Click（函数（）{）
/ / $（.txt）（。slideup）；
$（.txt）。SlideDown（）；
}）；
}）；
以上是本文的全部内容，希望本文的内容能给大家的学习或工作带来一定的帮助，同时也希望能给予更多的支持！