源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jQuery隐藏和显示效果实现

  • 时间:2021-08-19 02:48 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery隐藏和显示效果实现
[b]实例[/b] jQuery hide() 简单的jQuery hide()方法演示。 jQuery hide() 另一个hide()实例。演示如何隐藏文本。 jQuery hide() 和 show() 通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: [b]实例[/b]
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
[b]语法:[/b]
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。 可选的 callback 参数是隐藏或显示完成后所执行的函数名称。 [b]下面的例子演示了带有 speed 参数的 hide() 方法:[/b] [b]实例[/b]
$("button").click(function(){
$("p").hide(1000);
});
[b]jQuery toggle()[/b] 通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。 显示被隐藏的元素,并隐藏已显示的元素: [b]实例[/b]
$("button").click(function(){
$("p").toggle();
});
[b]语法:[/b]
$(selector).toggle(speed,callback);
可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。 可选的 callback 参数是 toggle() 方法完成后所执行的函数名称。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部