jQuery常用的特效方法使用示例

1。jQuery渐明（）是用来消失的隐藏要素。

Grammar：
复制代码代码如下所示：
$（选择器）FadeIn（速度、回调）；


实例uff1a
复制代码代码如下所示：
$（按钮）。Click（函数（）{）
$（# DIV1 ）FadeIn（）；
$（# DIV2）。FadeIn（慢）；
$（# div3 ），FadeIn（3000）；
}）；


2。jQuery淡出（）方法用于淡出可见元素。

Grammar：
复制代码代码如下所示：
$（选择器）FadeOut（速度、回调）；


的3.jquery fadetoggle（）方法之间可以交换（）和渐隐渐显（）方法。

如果元素是淡出，fadeToggle（）添加渐变效果的因素。

如果元素已经消失了，fadeToggle（）添加渐变效果的因素。

Grammar：
复制代码代码如下所示：
$（选择器）FadeToggle（速度、回调）；

示例：$（按钮）。Click（函数（）{）
$（# DIV1 ）FadeToggle（）；
$（# DIV2）。FadeToggle（慢）；
$（# div3 ），FadeToggle（3000）；
}）；


4、Grammar：

$（选择器）。FadeTo（速度、透明度、回调）；

所需的速度参数指定效果的长度。它可以接受以下值：慢

所需的不透明度参数在褪变成了（）方法设置淡出效果到一个给定的不透明度（在0和1例）。
复制代码代码如下所示：
$（按钮）。Click（函数（）{）

$（# DIV1）。FadeTo（慢

$（# DIV2）。FadeTo（慢

$（# div3）。FadeTo（慢

}）；


5。jQuery slideDown（）方法用于滑动元件下。

Grammar：
复制代码代码如下所示：
$（选择器）SlideDown（速度、回调）；


复制代码代码如下所示：
$（#翻转）。Click（function（）{）
$（#面板）SlideDown（）；
}）；


6。jquery向上方滑出（）方法用于幻灯片上的元素。

Grammar：
复制代码代码如下所示：
$（选择器）SlideUp（速度、回调）；

可选的速度参数指定效果的长度。它可以接受以下值：慢

可选的回调参数是在幻灯片完成后执行的函数名。

7。jQuery（）方法slidetoggle之间可以交换（）和slideup slideDown（）方法。

如果元素滑下来，slidetoggle（）可以滑起来。

如果元素向上滑动，slidetoggle（）可以滑下来。
复制代码代码如下所示：
$（选择器）SlideToggle（速度、回调）；


8。jQuery动画（）方法用于创建自定义动画。

Grammar：
复制代码代码如下所示：
$（选择器）（{ }。动画参数，速度，回调）；


所需的params参数定义形成动画的CSS属性。

可选的速度参数指定效果的长度。它可以接受以下值：慢

可选的回调参数是在动画完成后执行的函数名。

相对值也可以定义（相对于当前值的值的值）：

还可以定义一组动画来实现队列函数。

下面的示例演示了动画（）方法的一个简单应用程序；它将元素移动到左边，直到左边属性等于250像素为止：

例子
复制代码代码如下所示：
$（按钮）。Click（函数（）{）
$（div）。动画（{左：'250px}）；
}）；


9。jQuery（）方法用于在完成之前停止动画或效果。

10。当动画100%完成时，回调函数被调用。

典型的Grammar：
复制代码代码如下所示：
$（选择器）隐藏（速度，回调）


11。jQuery方法链接

有些元素只有一次可用，因此您可以向方法添加一个链接。

这是笔者认为的点法
复制代码代码如下所示：
$（# P1）。Css（颜色