微客导航 » 文章资讯 » jQuery隐藏和显示效果实现

jQuery隐藏和显示效果实现

2024-03-20 05:44:03 426

实例

jQueryhide()

简单的jQueryhide()方法演示。

jQueryhide()

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

jQueryhide()和show()

通过jQuery，您可以使用hide()和show()方法来隐藏和显示HTML元素：

实例

$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});

语法:

$(selector).hide(speed,callback);
$(selector).show(speed,callback);

可选的speed参数规定隐藏/显示的速度，可以取以下值："slow"、"fast"或毫秒。

可选的callback参数是隐藏或显示完成后所执行的函数名称。

下面的例子演示了带有speed参数的hide()方法：

实例

$("button").click(function(){
$("p").hide(1000);
});

jQuerytoggle()

通过jQuery，您可以使用toggle()方法来切换hide()和show()方法。

显示被隐藏的元素，并隐藏已显示的元素：

实例

$("button").click(function(){
$("p").toggle();
});

语法:

$(selector).toggle(speed,callback);

可选的speed参数规定隐藏/显示的速度，可以取以下值："slow"、"fast"或毫秒。

可选的callback参数是toggle()方法完成后所执行的函数名称。