jQuery隐藏和显示效果的实现
例子jQuery隐藏()
简单jQuery隐藏()方法演示。
jQuery隐藏()
隐藏()的另一实例。演示如何隐藏文本。
隐藏()和显示()
使用jQuery,您可以使用隐藏()和显示()方法来隐藏和显示HTML元素:
例子
$(#隐藏),Click(function(){)
$(p)。隐藏();
});
$(#秀),Click(function(){)
$(p);
});
Grammar:
$(选择器)隐藏(速度,回调);
$(选择器)。显示(速度,回调);
可选的速度参数指定隐藏/显示的速度,它可以如下所示:慢
可选的回调参数是在隐藏或显示完成后执行的函数名。
下面的示例用速度参数演示隐藏()方法:
例子
$(按钮)。Click(函数(){)
$(p)。隐藏(1000);
});
jQuery切换()
使用jQuery,您可以使用切换()方法来切换隐藏()和显示()方法。
显示隐藏元素并隐藏显示的元素:
例子
$(按钮)。Click(函数(){)
$(p)。Toggle();
});
Grammar:
$(选择器)Toggle(速度,回调);
可选的速度参数指定隐藏/显示的速度,它可以如下所示:慢
可选的回调参数是在切换()方法完成后执行的函数名。