jquery中隐藏div的几种方法

时间:2023-03-09 06:34:07
jquery中隐藏div的几种方法

//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插件,不然不识别$。

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