`
boss5518831534
  • 浏览: 230643 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

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 隐藏显示行

    在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的操作,包括隐藏和显示元素。本文将深入探讨如何利用 jQuery 实现表格行的隐藏与显示功能,同时也会涉及到一些基本的 HTML 和 ...

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

    在网页设计中,遮罩层(Mask Layer)是一种常见的交互元素,用于在用户与页面其他部分互动时提供信息或引导用户的注意力。在这个“jQuery, CSS实现的遮罩层消息显示”示例中,我们将深入探讨如何利用这两种技术来...

    js/jquery实现的指定元素的隐藏显示

    而在jQuery中,除了`hide()`, `show()`和`toggle()`之外,还可以结合CSS类来控制元素的显示,例如使用`.addClass()`和`.removeClass()`来添加或移除包含`display:none`样式的类。 综上所述,掌握JavaScript和jQuery...

    完美的鼠标放上去jquery显示隐藏层

    在网页设计和开发中,交互性是提升用户体验的关键因素之一,而“完美的鼠标放上去jquery显示隐藏层”正是实现这种交互效果的一种技术手段。这个标题所指的是一种使用JavaScript库jQuery来实现在鼠标悬停(hover)时...

    jquery+CSS3动态文字显示

    标题中的“jQuery+CSS3动态文字显示”是一个关于前端网页设计的技术实现,它结合了JavaScript库jQuery和CSS3的新特性来创造出引人注目的动画效果。在这个案例中,描述指出默认情况下文字是隐藏的,只有当用户点击...

    jQuery+CSS图片内容滑动效果

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

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

    1. `display`:用来控制元素的显示方式,如设置子菜单的默认显示为`none`,当父菜单被激活时,变为`block`,显示子菜单。 2. `position`:决定元素相对于其父元素的位置,通常使用`relative`或`absolute`来调整子...

    jQuery+CSS模板

    【jQuery+CSS模板】是一种常见的前端网页开发方式,它结合了强大的JavaScript库jQuery与样式表现层语言CSS,为网页提供动态交互和美观的布局。在本项目中,我们可以看到一个包含`index.html`主页面、`css`目录下的...

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

    在创建下拉菜单时,我们将利用CSS来定义菜单的外观,如颜色、字体、位置等,并通过CSS选择器来控制不同状态下的显示效果。 三、创建基础HTML结构 首先,我们需要构建一个基础的HTML结构来表示菜单。这通常包括一个`...

    Jquery控制A标签Css样式

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

    jQuery+CSS3点击滑动显示分享图标按钮代码

    总的来说,这个项目结合了jQuery的事件处理和DOM操作,与CSS3的动画效果,实现了点击按钮后滑动显示分享图标的功能,提升了用户体验。开发者可以根据需求自定义按钮样式、动画速度以及分享图标,以适应不同的网站...

    JQuery 鼠标滑过图片显示隐藏标题

    "JQuery 鼠标滑过图片显示隐藏标题"这一技术正是为了实现这种交互效果而设计的。它允许用户在鼠标移动到图片上时,自动显示图片相关的文字描述,提供额外的信息,而当鼠标移开时,这些文字又会自动隐藏,保持页面的...

    jQuery&CSS图形下拉菜单

    在创建下拉菜单时,jQuery可以帮助我们轻松地控制菜单项的显示和隐藏,以及添加各种动态效果。 CSS(层叠样式表)则负责菜单的布局和样式设计。通过CSS,我们可以定义菜单的外观,包括颜色、字体、边框、背景以及...

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

    3. **`@keyframes`**:定义自定义动画,可以控制元素在整个动画过程中的每一帧样式。例如,`@keyframes bounce { from { transform: translateY(-100%); } to { transform: translateY(0); }}` 创建一个上抛下落的...

    24、Jquery纯CSS3制作华丽网站下拉菜单

    3. **jQuery交互**:然后,我们用jQuery来控制下拉菜单的显示和隐藏。当鼠标悬停在菜单项上时,显示下拉菜单;当鼠标离开时,隐藏菜单。例如: ```javascript $('.dropdown').on('mouseenter mouseleave', ...

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

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

    jquery css3按钮控制图片螺纹旋转切换特效

    在本文中,我们将深入探讨如何使用jQuery和CSS3来实现一个独特的按钮控制的图片螺纹旋转切换特效。这种效果能够为网页增添动态性和互动性,提高用户体验,尤其适用于展示产品或图片轮播。 首先,jQuery是一款强大的...

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

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

    jQuery+CSS3向下滑动菜单

    同时,利用CSS3的`display`属性控制子菜单的默认隐藏状态,以及`transition`和`transform`属性定义滑动效果。 3. **jQuery 事件处理**:通过jQuery监听主菜单项的`mouseover`和`mouseout`事件,当鼠标进入时显示子...

    jQuery和CSS3滑动展开菜单按钮插件

    **jQuery和CSS3滑动展开菜单按钮插件详解** 在网页设计中,交互性和用户体验是至关重要的元素。jQuery和CSS3结合使用,可以创建出丰富且动态的界面效果,其中滑动展开菜单按钮就是一种常见且实用的设计。这款插件...

Global site tag (gtag.js) - Google Analytics