jquery显示元素-jQuery 显示和隐藏元素

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

使用 hide() 和 show() 方法隐藏和显示 HTML 元素。

句子格式：

$(selector).hide(speed,easing,callback); //隐藏元素
$(selector).show(speed,easing,callback); //显示元素

Speed参数：指定隐藏/显示的速率jquery显示元素，可以取以下值：“慢”、“快”或动画完成所需的微秒数。

Easing 参数：用于指定切换效果。 默认值为“swing”，可用参数为“线性”。

回调参数：隐藏或显示完成后执行的反弹函数。

据悉jquery显示元素，可以使用toggle()方法来切换元素的显示状态。

句子格式：

$(selector).toggle(speed,easing,callback);

例子：

    
        div {
            width: 100px;
            height: 100px;
            background-color: rgba(22, 201, 16, 0.863);
        }
    
    
    
        jQuery(document).ready(function () {
            $("button").eq(0).click(function () {
                $("div").hide();
            })
            $("button").eq(1).click(function () {
                $("div").show();
            })
            $("button").eq(2).click(function () {
                $("div").toggle();
            })
        })
    


    隐藏
    显示
    切换
    

分别点击三个按钮即可实现隐藏、显示、切换功能。