只是最基本的东西，没啥稀奇的，只是今天看jquery教程的时候偶然看到show()和hide()是可以写两个参数的，
第一个参数是元素隐藏/显示的速度(单位：毫秒)，另一个是一个function类型。
例子如下，消失时会同时向上向左移动并且字体颜色逐渐淡化，元素还会还一直抖动，显示时相反，这种渐变效果挺可爱的。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
</head>
<body>
<div>
<h4>我喜欢吃的水果</h4>
<ul>
<li>苹果</li>
<li>甘桔</li>
<li>梨</li>
</ul>
<input id="hidval" type="hidden" value="0"/>
</div>
<script type="text/javascript">
$(function () {
$("h4").bind("click", function () {
//第一种写法
if ($("#hidval").val() == 0) {
$("ul").hide(3000,function()
{
$("#hidval").val(1);
});
} else {
$("ul").show(3000,function(){
$("#hidval").val(0);
});
}
//第二种写法
//$("ul").toggle(3000);
})
});
</script>
</body>
</html>
相关推荐
4. **动画效果**：jQuery的`.animate()`方法可以创建自定义动画效果，配合`.show()`, `.hide()`, `.fadeIn()`, `.fadeOut()`等方法，可以实现丰富的页面动态效果。 5. **Ajax交互**：`.ajax()`, `.get()`, `.post()...
另外，`.fadeIn()`, `.slideUp()`, `.show()`, `.hide()`等预设动画则大大简化了常见的视觉效果。 5. **Ajax交互（Ajax）** jQuery的`$.ajax()`方法是进行异步数据请求的核心，它可以处理JSON、XML、HTML等多种...
对于DOM操作，jQuery提供了便捷的方法，如`.html()`用于设置或获取元素的HTML内容，`.append()`用于向元素内部追加内容，`.hide()`和`.show()`用于元素的显示与隐藏。这些方法使得DOM操作变得简单直观。 在事件处理...
- **.hide()、.show()、.fadeIn()、.fadeOut()**：元素的显示和隐藏，以及过渡动画效果。 四、实际应用场景 1. **动态操作DOM**：通过jQuery，可以轻松实现元素的增删改查，如动态添加表格行或修改元素属性。 2. ...
2. 弹出框：结合`.show()`、`.hide()`和`.fadeIn()`、`.fadeOut()`等方法，可以轻松实现各种弹出框效果。 3. 表单验证：利用jQuery选择器和事件处理，可以快速实现表单验证逻辑。 4. 图片懒加载：使用`.load()`方法...
在实际应用中，jQuery-Mloading可以与Ajax请求、页面跳转或者任何需要用户等待的操作结合使用，提供一致且优雅的加载体验。例如，在执行Ajax请求时，我们可以这样使用： ```javascript $.ajax({ url: 'your-api-...
- 显示(show)、隐藏(hide)和切换toggle()--显示隐藏动画组。 - 滑入(slideUp)与滑出(slideDown)与切换(slideToggle)--滑动效果动画组，效果与卷帘门类似。 - 淡入(fadeIn)与淡出(fadeOut)与切换(fadeToggle)与渐变...
4. **动画效果**：可以设置对话框的打开和关闭动画，例如`show: "fade"` 和 `hide: "slide"`。 5. **内容动态加载**：对话框的内容可以是从服务器动态获取的，通过`ajax`或者其他方式。 案例代码示例： ```...
此外，`.show()`, `.hide()`, `.fadeIn()`, `.fadeOut()`等预定义的动画效果也极大地丰富了页面动态表现。 4. **Ajax操作**：jQuery封装了XMLHttpRequest对象，提供了`.ajax()`, `.get()`, `.post()`等方法，使得...
要调用jQuery Messager，只需使用$.messager.show()方法，传入相应的参数来定制消息内容、类型、位置等。例如，显示一个简单的警告信息： ``` $.messager.show({ title: '警告', msg: '请注意，这是一个警告...
本篇将详细探讨如何使用jQuery库的validate.js插件和Poshytip工具进行高效且友好的表单验证。 jQuery.validate.js是一个非常流行的JavaScript库，用于对HTML表单进行客户端验证。它提供了丰富的内置验证规则，如...
### jQuery 教程知识点详解 #### 一、jQuery 概述 - **定义**：jQuery 是一个快速、简洁的 JavaScript 库，它极大地简化了 ...无论是在网页动画、动态效果还是 AJAX 请求等方面，jQuery 都提供了一套完整的解决方案。
jQuery是一个广泛使用的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。而`jQuery.tips.js`是一个基于jQuery的提示插件，它允许开发者轻松地在网页上添加各种提示信息，以提升...
插件通常提供了一些预定义的方法，如`.open()`用于打开弹出层，`.close()`用于关闭，以及可能的`.show()`和`.hide()`等。 此外，开发者还可以利用jQuery选择器选择触发弹出层的元素，例如按钮或链接，并在事件处理...
本文主要介绍JQuery中的show()和hide()方法，这两个方法用于控制元素的显示和隐藏，并且可以实现动画效果。 首先，我们要了解在传统的JavaScript编程中，如果要隐藏一个元素，通常会设置其CSS属性display为none。...
jQuery是一款广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。jQuery的核心理念是“Write Less, Do More”，通过提供简洁的API，让开发者能够以更少的代码实现更多的功能。 1....
4. **事件监听**：可以监听插件提供的事件，比如`imageView.show`和`imageView.hide`，以便在放大镜显示和隐藏时执行相应操作。 ### 示例代码 ```html <!DOCTYPE html> <title>jQuery.imageView示例 ...
jQuery的`.show()`和`.hide()`方法可以方便地切换不同内容的可见性，结合`.click()`事件监听器，用户点击不同的标签时，对应的内容区域将被显示。 整屏滚动，也称为全屏滚动或视差滚动，是近年来流行的设计趋势。...
在 jQuery 中，可以使用多种方法来实现元素的显示与隐藏，如 `.show()`、`.hide()`、`.toggle()`、`.slideUp()`、`.slideDown()`、`.slideToggle()`、`.fadeIn()`、`.fadeOut()`、`.fadeToggle()` 等。这些方法可以...
本篇将详细介绍 jQuery 的显示与隐藏效果、滑动效果以及淡入淡出和自定义动画等核心知识点。 ### 1. 显示与隐藏效果 jQuery 提供了三种主要的显示和隐藏元素的方法： - **`show([speed,[easing],[fn]])`**：此...