首页jquery.show

jquery.show

时间: 2023-06-28 16:12:40 浏览: 100

`jquery.show()` 是 jQuery 库中的一个方法，用于显示匹配元素。它可以将元素从隐藏状态切换到可见状态。这个方法有以下几种形式： 1. `$(selector).show()`: 显示匹配的元素。 2. `$(selector).show(speed,callback)`: 显示匹配的元素，可以设置动画速度和回调函数。 3. `$(selector).show(options)`: 显示匹配的元素，可以设置动画选项。示例： ``` <!DOCTYPE html> <html> <head> <title>jquery.show() 示例</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <style type="text/css"> .hidden { display: none; } </style> </head> <body> <button id="btn">点击显示</button> <div id="box" class="hidden"> <p>这是一个隐藏的 div 元素</p> </div> <script type="text/javascript"> $("#btn").click(function() { $("#box").show("slow", function() { alert("元素显示完成！"); }); }); </script> </body> </html> ``` 以上代码会在页面中创建一个按钮和一个隐藏的 `div` 元素。当用户点击按钮时，使用 `jquery.show()` 方法将 `div` 元素显示出来，并显示一个提示框告知用户元素显示完成。