jQuery控制div显示与隐藏

原创 HuangLongPu     发表于  2021-05-07 17:52       186

jQuery控制div显示与隐藏,通常有两种方法,一种是 jQuery 重写 css 样式,一种为调用 jQuery 提供的方法。

以下面的 div 为例,控制隐藏及显示。

<div id="demo">this is a div</div>

jQuery 控制 div 显示

// jQuery 重写 css 样式
$("#demo").css("display", "block");
// jQuery 方法
$("#demo").show();

jQuery 控制 div 隐藏

// jQuery 重写 css 样式
$("#demo").css("display", "none");
// jQuery 方法
$("#demo").hide();

简单略举了两种方式,在实际使用时,重写 css 样式和 jQuery 方法使用一直即可。