1、设置显示隐藏

1、直接显示或隐藏

$( "#div1").show();    若原状态为隐藏，则将其隐藏

$( "#div1").hide();     若原状态为显示，则将其隐藏

$( "#div1").toggle();   该方法是上面两个方法的综合

2、拉动式显示或隐藏

$( "#div1").slideUp();            若原状态为显示，则将其从下向上收回

$( "#div1").slideDown();       若原状态为隐藏，则将其从上向下显示

$( "#div1").slideToggle();      该方法是上面两个方法的综合

3、通过css设置隐藏与显示
//隐藏
$("#div1").css("display","none");
//显示
$("#div1").css("display","block");

2、通过css()设置样式

//设置单个样式
$("#div1").css("background-color","skyblue");

//设置多个样式
$("#div1").css({"background-color":"skyblue","fong-size":"20px"});

3、通过addClass()设置样式

$("img").toggleClass("clz1");//如果存在该类则取消，不存在则添加

$("img").addClass("clz1 clz2");

<style>
.clz1 {
}
.clz2 {
}
</style>