JQuery隐藏和显示div元素的三种方法

$(document).ready(function() {
    // 方法一：使用hide()和show()方法
    $("#hideButton1").click(function() {
        $("#div1").hide();
    });
    $("#showButton1").click(function() {
        $("#div1").show();
    });
 
    // 方法二：使用css()方法来改变display属性
    $("#hideButton2").click(function() {
        $("#div2").css("display", "none");
    });
    $("#showButton2").click(function() {
        $("#div2").css("display", "block");
    });
 
    // 方法三：使用toggle()方法来切换元素的可见状态
    $("#toggleButton").click(function() {
        $("#div3").toggle();
    });
});

这段代码展示了三种使用jQuery来隐藏和显示div元素的方法。第一种方法使用hide()和show()，第二种方法使用css()直接设置display属性，第三种方法使用toggle()来切换元素的可见状态。