JQuery DIV 动态隐藏和显示的方法

2020-05-29 07:00:12易采站长站整理

$("#id").show()表示display:block,
$("#id").hide()表示display:none;

$(“#id”).toggle()切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。


$("#id").css('display','none');
$("#id").css('display','block');


$("#id")[0].style.display = 'none';

PS:下面给大家介绍jquery显示隐藏div标签的几种方法

1、$(“#demo”).attr(“style”,”display:none;”);//隐藏div


$("#demo").attr("style","display:block;");//显示div

2、$(“#demo”).css(“display”,”none”);//隐藏div


$("#demo").css("display","block");//显示div

3、$(“#demo”).hide();//隐藏div


$("#demo").show();//显示div

4、$(“#demo”).toggle(


function () {
$(this).attr("style","display:none;");//隐藏div
},
function () {
$(this).attr("style","display:block;");//显示div
}
);
<div id="demo"></div>