jQuery|隐藏和显示

简介: 方式一:使用 hide() 和 show() 方法通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素语法:$(selector).hide(speed,callback);$(selector).show(speed,callback);可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

方式一:使用 hide() 和 show() 方法

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

语法:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);

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

实例带有 speed 参数的 hide() 方法

$("button").click(function(){
$("p").hide(1000);
});
尝试一下 »

方式二:使用 toggle() 方法

您可以使用 toggle() 方法来实现,显示被隐藏的元素,并隐藏已显示的元素

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

实例:显示被隐藏的元素,并隐藏已显示的元素:

$("button").click(function(){
$("p").toggle();
});
尝试一下 »

目录
相关文章
|
JavaScript 前端开发
jquery控制元素的隐藏和显示的几种方法
jquery控制元素的隐藏和显示的几种方法
579 0
|
JavaScript 开发者
jQuery特效_隐藏与显示 | 学习笔记
快速学习jQuery特效_隐藏与显示
300 0
jQuery特效_隐藏与显示 | 学习笔记
|
JavaScript 程序员
jQuery框架实现元素显示及隐藏动画【附案例分析】
jQuery框架实现元素显示及隐藏动画【附案例分析】
250 0
jQuery框架实现元素显示及隐藏动画【附案例分析】
|
JavaScript
在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果
在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果
589 0
在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果
|
JavaScript 前端开发
使用 jQuery 选择器获取页面元素,然后利用 jQuery 对象的 css() 方法设置其 display 样式属性,从而实现显示和隐藏效果。
使用 jQuery 选择器获取页面元素,然后利用 jQuery 对象的 css() 方法设置其 display 样式属性,从而实现显示和隐藏效果。
314 0
使用 jQuery 选择器获取页面元素,然后利用 jQuery 对象的 css() 方法设置其 display 样式属性,从而实现显示和隐藏效果。
|
JavaScript 开发者
jQuery 特效_隐藏与显示|学习笔记
快速学习 jQuery 特效_隐藏与显示
183 0
jQuery 特效_隐藏与显示|学习笔记