jquery中隐藏div的几种方法

时间:2024-03-17 14:13:13

//jQuery中的显示、隐藏方法

$("#id").show();//表示display:block,
    $("#id").hide();//表示display:none;
    $("#id").toggle();//切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。


//添加样式的方法
    $("#id").css(\'display\',\'none\');
    $("#id").css(\'display\',\'block\');
    或
    $("#id")[0].style.display = \'none\';
    或
    $("#demo").attr("style","display:none;");//隐藏div
    $("#demo").attr("style","display:block;");//显示div
    或//添加class类名
    $("#select_contents").removeClass("select_contents");//先移除原样式
    $("#select_contents").addClass("select_contents_show");//添加新样式


必须加jQuery插件,不然不识别$。

自己在写代码时总结,不足或不对,可以补充