在 jQuery 中，您可以使用 hide() 和 show() 方法来控制 HTML 元素的显示和隐藏。

1. 隐藏元素：

使用 hide() 方法可以隐藏选定的元素。

$("#elementId").hide();

这将把具有 id 为 elementId 的元素隐藏。

2. 显示元素：

使用 show() 方法可以显示被隐藏的元素。

$("#elementId").show();

这将把具有 id 为 elementId 的元素显示出来。

3. 切换元素的显示和隐藏：

使用 toggle() 方法可以在隐藏和显示之间切换元素的状态。

$("#elementId").toggle();

如果元素当前是可见的，调用 toggle() 会将其隐藏；如果元素当前是隐藏的，调用 toggle() 会将其显示。

4. 设置动画效果：

hide()、show() 和 toggle() 方法都可以接受速度参数，以设置动画效果的持续时间。

$("#elementId").hide(1000); // 1000 毫秒内隐藏元素
$("#elementId").show(1000); // 1000 毫秒内显示元素
$("#elementId").toggle(1000); // 1000 毫秒内切换元素的显示状态

您还可以使用预定义的速度字符串 "slow" 或 "fast"，或者直接使用毫秒数来指定动画持续时间。

5. 使用回调函数：

在动画完成后，您可以使用回调函数来执行其他操作。

$("#elementId").hide(1000, function() {
  alert("元素已隐藏！");
});

在上述示例中，元素在 1000 毫秒内隐藏完成后，会弹出提示框。

更多关于 jQuery 隐藏和显示效果的详细信息，请参考 菜鸟教程。