JQUERY 显示与隐藏

显示元素

使用 show() 方法可以使一个或多个元素显示出来。语法如下：

$(selector).show();

其中，selector 是用来选择要显示的元素的 jQuery 选择器。

示例：

$(document).ready(function() {
    // 显示 id 为 myElement 的元素
    $("#myElement").show();
    // 显示所有 <p> 元素
    $("p").show();
});

隐藏元素

使用 hide() 方法可以使一个或多个元素隐藏起来。语法如下：

$(selector).hide();

同样，selector 是用来选择要隐藏的元素的 jQuery 选择器。

示例：

$(document).ready(function() {
    // 隐藏 id 为 myElement 的元素
    $("#myElement").hide();
    // 隐藏所有 <p> 元素
    $("p").hide();
});

切换显示与隐藏

除了 show() 和 hide()，还可以使用 toggle() 方法来切换元素的显示状态。如果元素是隐藏的，则 toggle() 将显示它，如果元素是显示的，则 toggle() 将隐藏它。语法如下：

$(selector).toggle();

示例：

$(document).ready(function() {
    // 切换 id 为 myElement 的元素的显示状态
    $("#myElement").click(function() {
        $(this).toggle();
    });
});

这些方法使得在页面中动态控制元素的显示与隐藏变得非常方便和灵活，可以根据需要随时改变元素的可见性。