欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JQuery显示隐藏DIV的方法及代码实例_jquery

程序员文章站 2022-04-18 20:12:38
...
1. 如果在载入是隐藏:
复制代码 代码如下:






2. 动态隐藏和显示:

复制代码 代码如下:














1
2


03
04



以上代码之前,可能还要加上这句话:

复制代码 代码如下:




使用jquery真的很方便,比如要控制div的显示与隐藏,一句话就搞定了,请看下面使用说明。

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

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