JQuery效果隐藏/显示

hide() 方法

语法

$(selector).hide(speed,callback)

show() 方法

语法

$(selector).show(speed,callback)
参数 描述
speed
可选。规定元素从可见到隐藏的速度。默认为 "0"。

可能的值:

  • 毫秒 (比如 1500)
  • "slow"
  • "normal"
  • "fast"

在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度。

callback
可选。函数执行完之后,要执行的函数。

如需学习更多有关 callback 的内容,访问 jQuery Callback 这一章。

除非设置了 speed 参数,否则不能设置该参数。

jQuery toggle()

可以使用 toggle() 方法来切换 hide() 和 show() 方法。

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

实例

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

语法:

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

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

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

时间: 2024-12-29 11:26:28

JQuery效果隐藏/显示的相关文章

Jqurey学习笔记---5、jQuery 效果 - 隐藏和显示

jQuery 效果 - 隐藏和显示演示一个简单的 jQuery hide() 方法. a.$(document).ready(function ()-->触法事件-->执行事件. 1. <script src="jquery-1.11.1.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#

jQuery 效果 - 隐藏和显示

jQuery hide() 和 show() show()方法显示隐藏的元素 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script src="jquery-2.2.0.min.js"></script> 5 <script type="text/javascript"> 6 $(document).ready(function(){ 7 $("#h

jQuery效果之显示与隐藏

.hide([duration][,complete])--目标元素的隐藏: .show([duration][,complete])--目标元素的显示: .toggle([duration][,complete])--当目标元素隐藏时则显示,否则隐藏: 注:可选参数[duration]为方法执行的时间区间:[,complete]为回调函数. <!DOCTYPE html> <html lang="zh_CN"> <head> <meta ch

jQuery 效果 – 隐藏和显示

在 jQuery 中可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素,以及使用 toggle() 方法能够切换 hide() 和 show() 方法. 隐藏.显示.切换,滑动,淡入淡出,以及动画,哇哦! 点击 显示/隐藏面板 实例 jQuery hide() 简单的jQuery hide()方法演示. jQuery hide() 另一个hide()实例.演示如何隐藏文本. jQuery hide() 和 show() 通过 jQuery,您可以使用 hide() 和 s

jQuery效果:隐藏、显示、切换、滑动、淡入淡出、动画

jQuery效果 隐藏.显示.切换.滑动.淡入淡出.以及动画 1.隐藏与显示(改变:display:none;) hide()--隐藏 show()--显示 toggle()方法:可以使用它来切换hide()与show()方法 eg1:显示 <style type="text/css"> *{margin:0;padding:0;} .body{font-size:12px;font-family:"微软雅黑";color:#666;} .yym{wid

jQuery 学习02——效果:隐藏/显示、淡入淡出、滑动、动画、停止动画、Callback、链

jQuery 效果- 隐藏hide()和显示show() 语法: $(selector).hide(speed,callback);$(selector).show(speed,callback); (可选)speed  参数:规定隐藏/显示的速度,可以取以下值:"slow"."fast" 或毫秒. (可选)callback 参数:是隐藏或显示完成后所执行的函数名称. 例1:使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: <scrip

jquery效果- 显示和隐藏 淡入淡出 滑动 隐藏

jQuery 效果- 隐藏和显示:hide() 和 show() 规定隐藏/显示的速度,可以取以下值:"slow"."fast" 或毫秒 您可以使用 toggle() 方法来切换 hide() 和 show() 方法. parents 找到每个span元素的所有祖先元素. $("span").parents() 找到每个span的所有是p元素的祖先元素. $("span").parents("p") 1 &

Jquery效果代码--(二)

//jQuery 效果- 隐藏和显示.通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: //掩藏效果演示: $(document).ready(function(){ $("#hide").click(function(){ $("p").hide(); }); }); //展示效果演示 $(document).ready(function(){ $("#show").click(function

JQuery: JQuery效果(隐藏、显示、切换,滑动,淡入淡出,以及动画)

JQuery:效果 JQuery效果有很多,包括隐藏.显示.切换,滑动,淡入淡出,以及动画等.隐藏:JQuery hide() 显示:JQuery show() 切换:JQuery toggle() 淡入淡出:JQuery fadeIn().JQuery fadeOut().JQuery fadeToggle().JQuery fadeTo() 滑动:JQuery slideDown().JQuery slideUP().JQuery slideToggle() 动画:JQuery animat