数码资讯
jQuery隐藏和显示效果的实现
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
例子
jQuery隐藏()
简单jQuery隐藏()方法演示。
jQuery隐藏()
隐藏()的另一实例。演示如何隐藏文本。
隐藏()和显示()
使用jQuery,您可以使用隐藏()和显示()方法来隐藏和显示HTML元素:
例子
$(#隐藏),Click(function(){)
$(p)。隐藏();
});
$(#秀),Click(function(){)
$(p);
});
Grammar:
$(选择器)隐藏(速度,回调);
$(选择器)。显示(速度,回调);
可选的速度参数指定隐藏/显示的速度,它可以如下所示:慢
可选的回调参数是在隐藏或显示完成后执行的函数名。
下面的示例用速度参数演示隐藏()方法:
例子
$(按钮)。Click(函数(){)
$(p)。隐藏(1000);
});
jQuery切换()
使用jQuery,您可以使用切换()方法来切换隐藏()和显示()方法。
显示隐藏元素并隐藏显示的元素:
例子
$(按钮)。Click(函数(){)
$(p)。Toggle();
});
Grammar:
$(选择器)Toggle(速度,回调);
可选的速度参数指定隐藏/显示的速度,它可以如下所示:慢
可选的回调参数是在切换()方法完成后执行的函数名。
jQuery隐藏()
简单jQuery隐藏()方法演示。
jQuery隐藏()
隐藏()的另一实例。演示如何隐藏文本。
隐藏()和显示()
使用jQuery,您可以使用隐藏()和显示()方法来隐藏和显示HTML元素:
例子
$(#隐藏),Click(function(){)
$(p)。隐藏();
});
$(#秀),Click(function(){)
$(p);
});
Grammar:
$(选择器)隐藏(速度,回调);
$(选择器)。显示(速度,回调);
可选的速度参数指定隐藏/显示的速度,它可以如下所示:慢
可选的回调参数是在隐藏或显示完成后执行的函数名。
下面的示例用速度参数演示隐藏()方法:
例子
$(按钮)。Click(函数(){)
$(p)。隐藏(1000);
});
jQuery切换()
使用jQuery,您可以使用切换()方法来切换隐藏()和显示()方法。
显示隐藏元素并隐藏显示的元素:
例子
$(按钮)。Click(函数(){)
$(p)。Toggle();
});
Grammar:
$(选择器)Toggle(速度,回调);
可选的速度参数指定隐藏/显示的速度,它可以如下所示:慢
可选的回调参数是在切换()方法完成后执行的函数名。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。