jQuery隐藏和显示效果的实现

例子

jQuery隐藏()

简单jQuery隐藏()方法演示。

jQuery隐藏()

隐藏()的另一实例。演示如何隐藏文本。

隐藏()和显示()

使用jQuery,您可以使用隐藏()和显示()方法来隐藏和显示HTML元素:

例子


$(#隐藏),Click(function(){)
$(p)。隐藏();
});
$(#秀),Click(function(){)
$(p);
});


Grammar:


$(选择器)隐藏(速度,回调);
$(选择器)。显示(速度,回调);


可选的速度参数指定隐藏/显示的速度,它可以如下所示:慢



可选的回调参数是在隐藏或显示完成后执行的函数名。

下面的示例用速度参数演示隐藏()方法:

例子


$(按钮)。Click(函数(){)
$(p)。隐藏(1000);
});


jQuery切换()

使用jQuery,您可以使用切换()方法来切换隐藏()和显示()方法。

显示隐藏元素并隐藏显示的元素:

例子


$(按钮)。Click(函数(){)
$(p)。Toggle();
});


Grammar:


$(选择器)Toggle(速度,回调);


可选的速度参数指定隐藏/显示的速度,它可以如下所示:慢



可选的回调参数是在切换()方法完成后执行的函数名。