hide()方法隐藏选定的元素。
此方法通常与show()方法一起使用。
注意:隐藏的元素将不再影响页面的布局。
$(selector).hide(duration, easing, callback)
此示例在单击页面时隐藏页面上的段落:
$("p").click(function(){ $(this).hide(); });测试看看‹/›
单击按钮时隐藏所有<p>元素:
$("button").click(function(){ $("p").hide(); });测试看看‹/›
使用duration参数:
$("button").click(function(){ $("p").hide(1000); });测试看看‹/›
使用callback参数:
$("button").click(function(){ $("div").hide(1000, function(){ alert("DIV被隐藏"); }); });测试看看‹/›
动画所有跨度(在这种情况下为单词)以快速隐藏,在200毫秒内完成每个动画:
$("button").click(function(){ $("span:last-child").hide("fast", function(){ $(this).prev().hide("fast", arguments.callee); }); });测试看看‹/›
单击超过2秒钟时隐藏span元素,然后在隐藏时删除span元素:
$("span").click(function(){ $(this).hide(2000, function(){ $(this).remove(); }); });测试看看‹/›
参数 | 描述 |
---|---|
duration | (可选)确定隐藏效果将运行多长时间。预设值为400毫秒 可能的值:
|
easing | (可选)一个字符串,指定在动画的不同点上元素的速度。默认值为“ swing” 可能的值:
|
callback | (可选)hide()方法完成后,调用的函数,每个选定元素调用一次 |