`

jquery控制css的display(控制元素的显示与隐藏)

 
阅读更多
jquery控制css的display(控制元素的显示与隐藏) 

使用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';

$("#id")返回的是JQuery
它是个集合肯定没有display属性
分享到:
评论

相关推荐

    jquery显示隐藏元素的实现代码

    $("#id").css('display','none'); $("#id").css('display','block'); 或  $("#id")[0].style.display = 'none'; $("#id")返回的是JQuery 它是个集合肯定没有display属性 $(“#firstStep”).hide(500);而且可以...

    Jquery实现显示和隐藏的4种简单方式

    使用jquery控制div的显示与隐藏,一句话就能搞定,例如: 1.$(“#id”).show()表示为display:block, $(“#id”).hide()表示为display:none; 2.$(“#id”).toggle()切换元素的可见状态。如果元素是可见的,切换为...

    jquery控制display属性为none或block

    //显示 $(“#id”).css(‘display’,’block’); 或 $(“#id”)[0].style.display = ‘none’; $(“#id”)返回的是JQuery 它是个集合肯定有display属性 $(“#id”).show()表示display:block, $(“#id”).hide()表示...

    jQuery详细教程

    提示:jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语法。 文档就绪函数 您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready ...

    AngularJS改变元素显示状态

    控制html元素显示和隐藏有n种方法:html的hidden、css的display、jQuery的hide()和show()、bootstrap的.hide。今天的重点不是显示和隐藏,而是监听某个布尔变量值,自动改变元素显示和隐藏状态。监听函数、if判断、...

    jQuery完全实例.rar

    隐藏一个表单中所有元素。 jQuery 代码: $(myForm.elements).hide() jQuery(callback)jQuery(callback) $(document).ready()的简写。 允许你绑定一个在DOM文档载入完成后执行的函数。这个函数的作用如同$...

    使用CSS3和Checkbox实现JQuery的一些效果

    show()/hide()的实现主要控制元素的display属性。html: XML/HTML Code复制内容到剪贴板   <input type=checkbox id=sh/>  <label u00a0for=sh>show/hide    点击上面的show/hide实现show()/hide() ...

    jQuery实现区域打印功能代码详解

    使用CSS控制打印样式,需要设置样式media=”print”,并且将页面中不需要打印的元素的样式display属性设置为none。如DEMO中,我将页头页脚及其他不需要打印的元素的样式设置如下: <style type=text/css media=...

    锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)

    二、动画 1 show()方法和hide()方法 代码如下: $(“selector”).show() 从display:none还原元素默认或已设置的display属性 $(“selector”).hide() 设置元素的display样式为none,等于$(“selector”).css(“display...

    Java学习笔记-个人整理的

    {14.1}元素}{204}{section.14.1} {14.2}XML的设计}{205}{section.14.2} {14.3}DTD/Schema}{205}{section.14.3} {14.3.1}SAX应用}{206}{subsection.14.3.1} {14.4}dom4j}{207}{section.14.4} {14.5}XPath}{210}...

Global site tag (gtag.js) - Google Analytics