jquery控制display属性为none或block

 这篇文章主要介绍了jquery控制display属性为none或block,需要的朋友可以参考下

代码如下:
//隐藏 
 
$("#id").css('display','none'); 
 
//显示 
 
$("#id").css('display','block'); 
 
或 
 
$("#id")[0].style.display = 'none'; 
 
$("#id")返回的是JQuery 
 
它是个集合肯定有display属性 
 
$("#id").show()表示display:block, $("#id").hide()表示display:none; $("#id").toggle()切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。 
 

时间: 2024-10-30 15:17:40

jquery控制display属性为none或block的相关文章

jquery控制display属性为none或block_jquery

复制代码 代码如下: //隐藏 $("#id").css('display','none'); //显示 $("#id").css('display','block'); 或 $("#id")[0].style.display = 'none'; $("#id")返回的是JQuery 它是个集合肯定有display属性 $("#id").show()表示display:block, $("#id&

新手来简单学习CSS的display属性

css 操作HTML元素的诀窍在于明白它们工作的方法在于没有特定的形式.一些由标签组成的大部分页面可以设定任何样式.浏览器默认的样式里的大部分html元素由字体样式.margin,padding组成,本质上是显示类型. display属性基本上分为inline,block,和none. inline就像它的本意--显示为inline的元素为行.strong,anchor锚和em强调元素默认是行. block元素前后换行.标题和段落元素是块元素. none,意思不显示元素,在可用性上可以实现漂亮的

十三 The Display Property,display属性

操作HTML元素的诀窍在于明白它们工作的方法在于没有特定的形式.一些由标签组成的大部分页面可以设定任何样式.浏览器默认的样式里的大部分html元素由字体样式.margin,padding组成,本质上是显示类型. display属性基本上分为inline,block,和none. inline就像它的本意--显示为inline的元素为行.strong,anchor锚和em强调元素默认是行. block元素前后换行.标题和段落元素是块元素. none,意思不显示元素,在可用性上可以实现漂亮的效果,交

jQuery控制TR显示隐藏的三种常用方法_jquery

网上有很多,这里介绍三种: 第一种方法,就是使用id,这个方法可以在生成html的时候动态设置tr的id,也是用得最多最简单的一种,如下: <table> <tr><td>这行不隐藏</td></tr> <tr id="tr_1"><td>这行要隐藏</td></tr> <tr id="tr_2"><td>这行要隐藏</td>

Javascript实例代码:JS控制DIV属性

文章简介:点击按钮改变DIV属性,通过点击不同的按钮设置DIV的样式. 点击按钮改变DIV属性,通过点击不同的按钮设置DIV的样式.代码如下: <script type="text/javascript">    var oBox = document.getElementById('box');    var oDiv = document.getElementById('div1');    var aInput = document.getElementsByTagN

jquery控制表单输入框显示默认值的方法

  本文实例讲述了jquery控制表单输入框显示默认值的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 <!DOCTYPE html> <html> <head> <script language="javascript" src=&quo

jquery控制表单输入框显示默认值的方法_jquery

本文实例讲述了jquery控制表单输入框显示默认值的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html> <html> <head> <script language="javascript" src="jquery-1.6.2.min.js"></script> <script type="text/javascript"> $(document)

jquery控制两个div中二级分类显示

问题描述 jquery控制两个div中二级分类显示 <div class="n_nav clearfix">这个里面是一级分类 <p class="navigation_column">型号</p><ul class="ul2">这个里面放的是二级的分类 想问的就是如何能够控制二级分类的显示问题, 解决方案 不知是不是你想要的,可以粘过去试试 <%@ page language="j

关于javascript修改二级菜单display属性的问题

问题描述 关于javascript修改二级菜单display属性的问题 网页的主体是菜单,二级菜单是隐藏的,以下为一个"书籍"菜单的代码.其中二级菜单的高的数值比一级菜单的要大,所以限制了一级菜单的高度,也声明了二级菜单的高度,计算后的二级菜单的高度也是声明了的二级菜单的高度,但是js控制二级菜单的时候,鼠标指针在二级菜单的停留的高度是一级菜单的高度. 代码如下: <div id="book"> <div id="menu1"