jquery 设置style:display 其实很方便的

("#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-14 09:30:10

jquery 设置style:display 其实很方便的的相关文章

Jquery 根据 Style"display:none" 获取元素

$(".sort_Panel:hidden").size(): //查找隐藏的元素 -------------------------------------------- $(".sort_Panel:visible").size(): //查找显示的元素  

JS中style.display和style.visibility的区别

在JS中可以通过设置style.display或者style.visibility属性来控制元素是否显示,在style.display=block和style.visibility=visible的时候,元素被显示,在style.display=none和style.visibility=hidden的时候,元素被隐藏.它们之间最大的区别是通过style.display=none隐藏的时候,元素不占据原来的位置,从文档流中脱离,后续的元素填补其位置.通过style.visibility=hidd

jquery如何为元素设置style?

$("#userLevelCss").attr("style","width:78%;float: right;display: none;"); .................................... 记录一下用JavaScript原生代码 以及jQuery 设置/获取 属性的方法: (文章最下面有完整版代码) 首先把JavaScript的奉上 function attribute() { var val=document.g

js/jquery设置元素隐藏和显示

//js 元素隐藏 document.getElementById('li11').style.display = 'none'; //js 元素显示 document.getElementById('li11').style.display = 'block'; //jquery元素隐藏 $('#li11').hide(); //jquery元素显示 $('#li11').show(); //还有一种方法,在css中设置 .hide{ display: none; } 然后通过js $('#l

JQuery 设置checkbox select radio 为“只读”

JQuery  设置checkbox select radio 为“只读”,通过测试知道使用HTML标签的 text 和 textarea .button 可以设置readonly="readonly"属性. 但是checkbox .select. radio 这三个控件使用起来不能使用readonly="readonly"属性,只有 disabled="disabled"可以使用. 这样就出现问题了.又想不让修改,又想在后台获取值.如果使用di

style="visibility: hidden" 和 style=“display:none”区别

大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的. visibility属性用来确定元素是显示还是隐藏的,这用visibility="visible|hidden"来表示(visible表示显示,hidden表示隐藏). 当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置.例: <script language="JavaScript&

style=&quot;visibility: hidden&quot;和 style=“display:none”之间的区别

style="display:none" 隐藏页面元素: <html> <head> <script type="text/javascript"> function removeElement() { document.getElementById("p1").style.display="none"; } </script> </head> <body>

如何使用jQuery设置背景的透明度

如何使用jQuery设置背景的透明度:使用CSS可以设置背景的透明度,具体方法可以参阅CSS如何设置div背景透明度且兼容性良好,不过使用CSS设置透明度没有动态效果,如果实现也比较困难,下面就介绍一下如何利用jQuery实现背景的透明效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" conte

jquery设置和获取元素的属性

jquery设置和获取元素的属性: 使用jquery可以方便的设置指定元素的属性,下面就以div元素为例子做一下简单介绍. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title>蚂蚁