jQuery UI | show() 方法

jQuery UI 是一个基于 jQuery 的用户界面库，提供了一套易于使用且高度可定制的 UI 组件和底层结构，并为DOM操作和事件处理提供了额外的功能和方法。

本文将介绍 jQuery UI 的 show() 方法，此方法用于显示被隐藏的元素。

语法

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

参数说明：

• selector：必需，用于指定被要操作元素的 CSS 选择器。
• speed：可选，规定切换的速度。它可以是三种预定义的值（"slow"、"fast" 和毫秒），也可以是用户自定义的值。
• callback：可选，执行完动画后所执行的回调函数。

示例

HTML 代码：

<button id="btn-show">显示/隐藏</button>
<div id="box" style="display:none">这里是隐藏的元素</div>

JS 代码：

$(document).ready(function(){
  $("#btn-show").click(function(){
    $("#box").show("slow");
  });
});

说明：

当按钮被点击时，显示被隐藏的 <div> 元素，并显示一个向上的滑动效果。

返回值

show() 方法没有返回值。

结尾

本文介绍了 jQuery UI 的 show() 方法，此方法可用于显示被隐藏的元素。它具有参数和回调函数，并可以设置速度。要深入了解 jQuery UI 和其它方法，请访问 jQuery UI 官方文档。