jquery隐藏标签

使用 jQuery 隐藏标签的方法

hide() 方法
通过 hide() 方法可以直接隐藏选中的元素，元素会被设置为 display: none。语法如下：

$("selector").hide();

示例：隐藏所有 <div> 标签

$("div").hide();

fadeOut() 方法
以淡出效果隐藏元素，支持设置动画时长（毫秒或字符串如 "slow"）。语法如下：

$("selector").fadeOut(duration, callback);

示例：缓慢淡出类名为 .box 的元素

$(".box").fadeOut("slow");

slideUp() 方法
通过向上滑动效果隐藏元素，常用于折叠内容。语法如下：

$("selector").slideUp(duration, callback);

示例：快速滑动隐藏 ID 为 #menu 的元素

$("#menu").slideUp("fast");

css() 方法
直接修改元素的 CSS 属性实现隐藏，灵活性更高。语法如下：

$("selector").css("display", "none");

示例：隐藏所有 <p> 标签

$("p").css("display", "none");

注意事项

• 使用 hide()、fadeOut() 或 slideUp() 后，元素会从页面布局中移除（不占位）。
• 若需保留元素占位空间，可通过 css("visibility", "hidden") 实现。
• 回调函数（callback）在动画完成后执行，适用于需要链式操作的场景。

示例：带回调的隐藏

$("#alert").fadeOut(500, function() {
    console.log("隐藏完成");
});