jQuery UI是jQuery框架的插件，它提供了丰富的UI效果和交互功能。其中，show()方法是jQuery UI中非常常见且实用的方法，可以用来显示隐藏的HTML元素，并支持指定动画效果。下面将对show()方法进行详细的讲解。
1. show()方法的语法
show()方法的语法如下：
$(selector).show(duration, easing, callback)
其中，各参数的含义如下：
selector: 指定要显示的HTML元素，可以是CSS选择器或DOM元素。duration: 可选参数，指定动画的持续时间，可以是毫秒数（如1000）或字符串（如’slow’或’fast’）。easing: 可选参数，指定动画的缓动函数，可以是已经定义好的字符串（如’linear’、’easeOutQuad’等）或自定义的JavaScript函数。callback: 可选参数，当动画完成后要执行的回调函数。
提示：如果省略
duration，则show()方法将会立即显示元素，没有任何动画效果。
2. show()方法的应用示例
下面将演示两个例子，说明show()方法的使用方法和效果。
2.1 简单示例
首先，我们在HTML文件中添加一个div元素，并在样式文件中设置该元素隐藏。
<div id="myDiv">这是一个隐藏的元素</div>
#myDiv{
display: none;
}
然后，我们在JavaScript文件中使用show()方法将该元素显示出来：
$(document).ready(function(){
$("#myDiv").show(); // 显示元素
});
执行后，我们将看到div元素从隐藏状态渐进地显�现，直到完全显示。
2.2 指定显示动画效果
除了使用默认的动画效果外，show()方法还支持指定不同的动画效果，例如’modal’、’puff’、’slide’等。下面我们将使用’modal’效果来显示一个元素：
$(document).ready(function(){
$("#myDiv").show('modal'); // 显示元素，并使用'modal'动画效果
});
执行后，我们将看到该元素通过一个模态框的形式淡入显示。
3. show()方法的常见问题与解决方案
在使用show()方法时，可能会遇到以下常见问题：
3.1 show()方法无法修改CSS的display属性
如果在CSS文件中设置了display:none，但元素仍然无法显示，那么有可能是其他CSS属性（如position、z-index等）导致了元素的隐藏。解决方案是检查是否有其他属性影响了元素的显示，或者直接使用visibility:hidden代替display:none进行隐藏。
3.2 show()方法的动画效果不生效
如果在调用show()方法时，指定了动画效果（如’modal’、’puff’等），但是效果没有出现，可能是因为没有引入相应的CSS文件。解决方案是检查是否已经引入了相应的CSS文件。
4. 小结
show()方法是jQuery UI中非常常见的方法之一，可以用于显示隐藏的HTML元素，并支持指定动画效果。在使用时要注意：
- 参数的含义和用法；
- 不同的动画效果；
- 常见问题及其解决方案。