`

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属性
 
分享到:
评论
2 楼 Monkey_D_Luffy 2014-12-12  
博主,,把一句话一点一点的打印出来,应该怎么做
1 楼 panda_eyes 2012-06-16  
对我这个刚接触的人有帮助,

相关推荐

    通过jquery+css实现选项卡功能

    本教程将详细介绍如何利用jQuery和CSS技术来创建一款功能完善的选项卡组件,并且需要引入jQuery UI库以增强其表现力和可用性。 首先,我们需要在HTML中设置选项卡的基本结构。这通常包括一个包含所有选项标题的容器...

    jQuery+CSS3圆形布局卡牌滑动切换特效

    在本文中,我们将深入探讨如何使用jQuery和CSS3来创建一款圆形布局的卡牌滑动切换特效。这个特效适用于各种项目,例如展示产品、图片库或者动态内容展示,通过点击卡牌实现平滑的切换效果,给用户带来独特的交互体验...

    jQuery+CSS图片内容滑动效果

    "jQuery+CSS图片内容滑动效果"是一个常见的交互式元素,常用于网站的头部、产品展示或新闻滚动等部分。这种效果使得多张图片可以自动切换,形成一种平滑的视觉流动,既节省空间又增加视觉趣味性。 jQuery是一个轻量...

    jquery+css实现的简洁漂亮的横向二级菜单

    jQuery 是一个轻量级的 JavaScript 库,而 CSS 则用于样式控制和布局,两者结合能实现动态交互效果,提升用户体验。 首先,我们要理解jQuery的基本概念。jQuery简化了JavaScript的DOM操作,提供了更加友好的API,如...

    Jquery + Css 实现横纵菜单下拉效果

    本篇文章将深入探讨如何使用JavaScript库jQuery和CSS技术来实现横纵菜单的下拉效果。以下是对这个主题的详细解释: 一、jQuery简介 jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和...

    jQuery+CSS模板

    接着,`css`目录下的CSS文件是控制网页外观的关键。CSS(Cascading Style Sheets)允许开发者定义元素的样式,如颜色、字体、布局等。在CSS模板中,通常会有一个主CSS文件(如`style.css`),用于全局样式设定,可能...

    jQuery+CSS3弹性动画选择多张图片数量统计

    在本文中,我们将深入探讨如何使用jQuery和CSS3来创建一个具有弹性动画效果的多张图片数量统计系统。这个系统可以动态地展示用户选择的图片数量,并通过吸引人的动画效果来增强用户体验。以下是对实现这一功能所需...

    jquery+css3渐变显示“更多”隐藏内容

    标题中的“jquery+css3渐变显示“更多”隐藏内容”指的是使用JavaScript库jQuery和CSS3的过渡效果来实现一种动态展示隐藏文本的功能。当用户点击“更多”按钮时,原本被隐藏的文字会逐渐显现出来,给用户带来平滑的...

    jQuery&CSS图形下拉菜单

    同时,通过CSS伪类(如`:hover`)来定义鼠标悬停在菜单项上时的效果,以及通过`display`属性控制子菜单的可见性。 3. **jQuery交互**:然后,引入jQuery库,并编写JavaScript代码来处理菜单的交互。例如,当鼠标...

    Jquery控制A标签Css样式

    ### JQuery控制A标签CSS样式的实现方法 在前端开发中,使用JQuery库来操作DOM元素的样式是一种常见的做法。本文将详细介绍如何利用JQuery控制动态`<a>`标签的CSS样式,包括鼠标悬停、点击等交互效果的实现。 #### ...

    jQuery+CSS3滑块开关按钮代码

    例如,可以使用jQuery的`animate`方法来控制滑块移动的速度和动画曲线,或者调整CSS3的`transition-duration`和`transition-timing-function`属性。 ### 5. 兼容性和优化 考虑到不同的浏览器对CSS3和jQuery的支持...

    jQuery+CSS3旋转动画轮播幻灯特效代码.zip

    《jQuery+CSS3旋转动画轮播幻灯特效代码解析》 在现代网页设计中,动态效果的运用极大地提升了用户体验,而jQuery与CSS3的结合更是为网页增添了许多魅力。本篇文章将深入探讨“jQuery+CSS3旋转动画轮播幻灯特效代码...

    jquery+CSS3按钮加载loading动画效果

    今天我们将探讨如何利用jQuery和CSS3技术实现按钮加载loading动画效果,让用户的等待过程更加有趣且不显枯燥。 首先,jQuery是一种广泛使用的JavaScript库,它简化了DOM操作、事件处理以及AJAX交互。在我们的场景中...

    jquery+css3图片墙悬挂效果.zip

    2. **CSS样式**:利用CSS3的Flexbox或Grid布局,我们可以轻松地控制图片的排列方式,使其呈现出立体的悬挂效果。例如,可以设定`display: flex; flex-wrap: wrap; justify-content: space-between;`等属性,让图片...

    jquery和CSS3带弹性动画效果的工具栏菜单.zip

    2. jQuery事件绑定:使用`.click()`方法将点击事件绑定到主菜单按钮上,当点击时,修改子菜单的CSS属性,如`display`或使用`toggleClass()`切换类名来控制显示。 3. CSS3动画:定义动画效果,可能包含`transition`...

    jQuery,CSS实现的遮罩层消息显示

    首先,CSS(Cascading Style Sheets)是用于控制网页布局和样式的语言。在创建遮罩层时,我们可以利用CSS创建一个全屏覆盖的透明层,通常设置为黑色并调整其透明度,从而达到背景变暗的效果。例如,可以定义一个类 `...

    jquery+css实现世界地图放大缩小效果

    4. 当鼠标移到地图上时,使用CSS显示提示信息,可能通过改变元素的display属性或者使用jQuery的show/hide方法。 5. 实现地图的缩放功能,可以使用CSS3的transform属性和jQuery的animate方法,通过改变scale值来实现...

    jquery+css点击弹出信息框特效代码

    使用`display`属性,我们可以轻松地控制信息框的可见性,使其在需要时显示或隐藏。 为了实现弹出信息框的功能,我们需要创建一个HTML结构,通常包含一个容器元素(如div)来承载信息框内容。这个容器在默认状态下...

    jquery+css 制作菜单

    CSS可以用来设置这些元素的display属性为inline-block,以便它们并排显示,同时可以通过:hover伪类实现鼠标悬停时的高亮效果。 接下来,jQuery可以用于实现菜单的交互性,如点击展开子菜单、动画效果等。例如,我们...

    jquery+css3上下文点击展开收缩滑动提示

    提示框在默认状态下应该设置为隐藏,可以通过CSS的`display: none`属性实现。 2. **jQuery监听**:使用jQuery的`$(document).ready()`函数确保在页面加载完成后执行代码。然后,监听点击事件,例如`$('yourSelector...

Global site tag (gtag.js) - Google Analytics