zhibin07
- 浏览: 312218 次
-
文章分类
最新评论
-
一个ID的距离：
我了个擦~高端大气上档次啊~
js生成玫瑰花 源代码 -
abc382410124：
尝试使用开源的免费的编辑器了，学习了
Notepad++ 插件之 TextFX (安装及作用)
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真的很方便，比如要控制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属性
分享到：
发表评论
-
js生成玫瑰花 源代码
2013-10-14 16:24 1848<!DOCTYPE html> <ht ... -
水果忍者JS版
2013-05-15 10:42 797demo: http://zhibin07.web-159 ... -
php可编辑表格
2013-04-11 10:16 1940转自kongzimengsheng 编号 姓 ... -
jq实现果冻抖动效果
2013-03-20 10:15 745Demo:http://zhibin07.web-159.co ... -
分享设置
2013-03-19 14:36 788<script> //分享设置 var s ... -
GooleEye
2013-02-03 17:01 675,,,,,,,,,, -
ie6 form.submit()不能正常提交
2012-12-19 17:01 997IE6下如果是用<input type="su ... -
实现 鼠标移上去出现多菜单
2012-12-10 11:33 829<HTML> <HEAD> ... -
jquery 轮播
2012-12-07 16:21 887转自：http://www.cnblogs.com/babyz ... -
<marquee>aa</marquee>实现内容滚动时首尾相连，不出现空白的时候
2012-11-15 17:03 1241<HTML> <HEAD> & ... -
网站统计中的数据收集原理及实现
2012-11-15 09:42 834http://www.admin10000.com/docum ... -
网站统计中的数据收集原理及实现
2012-11-12 09:17 812[url]http://www.admin10000.com/ ... -
图片submit reset
2012-11-02 18:22 737submit事件图片: <input type=&quo ... -
jQuery选择器大全
2012-10-22 09:37 772[size=x-small;] 转自：http: ... -
Javascript+PHP实现在线拍照功能
2012-09-17 09:16 878转自：http://www.php100.com/html/w ... -
50个jquery试用代码段++25个实用的jQuery技巧和解决方案
2012-09-07 19:59 1122转自：http://www.admin10000.com/do ... -
JS 对cookie 的一些操作
2012-07-05 15:47 841转自网络 js读取cookie,js添加cookie,js删除 ... -
js字数限制 删除多余的字符
2012-06-28 10:05 961<!DOCTYPE html PUBLIC &quo ... -
js 数字逗号分节~
2012-06-15 10:15 1158// 转自*** 以下js函数 暂时只在IE Firefox ... -
cookie--javascript记录用户之前是否访问本页面
2012-06-07 10:02 961详细参见w3c文档 cookie <html> ...
相关推荐
在网页开发中，jQuery 是一个广泛使用的 JavaScript 库，它极大地简化了 JavaScript 的操作，包括隐藏和显示元素。本文将深入探讨如何利用 jQuery 实现表格行的隐藏与显示功能，同时也会涉及到一些基本的 HTML 和 ...
在网页设计中，遮罩层（Mask Layer）是一种常见的交互元素，用于在用户与页面其他部分互动时提供信息或引导用户的注意力。在这个“jQuery, CSS实现的遮罩层消息显示”示例中，我们将深入探讨如何利用这两种技术来...
而在jQuery中，除了`hide()`, `show()`和`toggle()`之外，还可以结合CSS类来控制元素的显示，例如使用`.addClass()`和`.removeClass()`来添加或移除包含`display:none`样式的类。 综上所述，掌握JavaScript和jQuery...
在网页设计和开发中，交互性是提升用户体验的关键因素之一，而“完美的鼠标放上去jquery显示隐藏层”正是实现这种交互效果的一种技术手段。这个标题所指的是一种使用JavaScript库jQuery来实现在鼠标悬停（hover）时...
标题中的“jQuery+CSS3动态文字显示”是一个关于前端网页设计的技术实现，它结合了JavaScript库jQuery和CSS3的新特性来创造出引人注目的动画效果。在这个案例中，描述指出默认情况下文字是隐藏的，只有当用户点击...
"jQuery+CSS图片内容滑动效果"是一个常见的交互式元素，常用于网站的头部、产品展示或新闻滚动等部分。这种效果使得多张图片可以自动切换，形成一种平滑的视觉流动，既节省空间又增加视觉趣味性。 jQuery是一个轻量...
1. `display`：用来控制元素的显示方式，如设置子菜单的默认显示为`none`，当父菜单被激活时，变为`block`，显示子菜单。 2. `position`：决定元素相对于其父元素的位置，通常使用`relative`或`absolute`来调整子...
【jQuery+CSS模板】是一种常见的前端网页开发方式，它结合了强大的JavaScript库jQuery与样式表现层语言CSS，为网页提供动态交互和美观的布局。在本项目中，我们可以看到一个包含`index.html`主页面、`css`目录下的...
在创建下拉菜单时，我们将利用CSS来定义菜单的外观，如颜色、字体、位置等，并通过CSS选择器来控制不同状态下的显示效果。 三、创建基础HTML结构 首先，我们需要构建一个基础的HTML结构来表示菜单。这通常包括一个`...
### JQuery控制A标签CSS样式的实现方法 在前端开发中，使用JQuery库来操作DOM元素的样式是一种常见的做法。本文将详细介绍如何利用JQuery控制动态`<a>`标签的CSS样式，包括鼠标悬停、点击等交互效果的实现。 #### ...
总的来说，这个项目结合了jQuery的事件处理和DOM操作，与CSS3的动画效果，实现了点击按钮后滑动显示分享图标的功能，提升了用户体验。开发者可以根据需求自定义按钮样式、动画速度以及分享图标，以适应不同的网站...
"JQuery 鼠标滑过图片显示隐藏标题"这一技术正是为了实现这种交互效果而设计的。它允许用户在鼠标移动到图片上时，自动显示图片相关的文字描述，提供额外的信息，而当鼠标移开时，这些文字又会自动隐藏，保持页面的...
在创建下拉菜单时，jQuery可以帮助我们轻松地控制菜单项的显示和隐藏，以及添加各种动态效果。 CSS（层叠样式表）则负责菜单的布局和样式设计。通过CSS，我们可以定义菜单的外观，包括颜色、字体、边框、背景以及...
3. **`@keyframes`**：定义自定义动画，可以控制元素在整个动画过程中的每一帧样式。例如，`@keyframes bounce { from { transform: translateY(-100%); } to { transform: translateY(0); }}` 创建一个上抛下落的...
3. **jQuery交互**：然后，我们用jQuery来控制下拉菜单的显示和隐藏。当鼠标悬停在菜单项上时，显示下拉菜单；当鼠标离开时，隐藏菜单。例如： ```javascript $('.dropdown').on('mouseenter mouseleave', ...
2. jQuery事件绑定：使用`.click()`方法将点击事件绑定到主菜单按钮上，当点击时，修改子菜单的CSS属性，如`display`或使用`toggleClass()`切换类名来控制显示。 3. CSS3动画：定义动画效果，可能包含`transition`...
在本文中，我们将深入探讨如何使用jQuery和CSS3来实现一个独特的按钮控制的图片螺纹旋转切换特效。这种效果能够为网页增添动态性和互动性，提高用户体验，尤其适用于展示产品或图片轮播。 首先，jQuery是一款强大的...
使用`display`属性，我们可以轻松地控制信息框的可见性，使其在需要时显示或隐藏。 为了实现弹出信息框的功能，我们需要创建一个HTML结构，通常包含一个容器元素（如div）来承载信息框内容。这个容器在默认状态下...
同时，利用CSS3的`display`属性控制子菜单的默认隐藏状态，以及`transition`和`transform`属性定义滑动效果。 3. **jQuery 事件处理**：通过jQuery监听主菜单项的`mouseover`和`mouseout`事件，当鼠标进入时显示子...
**jQuery和CSS3滑动展开菜单按钮插件详解** 在网页设计中，交互性和用户体验是至关重要的元素。jQuery和CSS3结合使用，可以创建出丰富且动态的界面效果，其中滑动展开菜单按钮就是一种常见且实用的设计。这款插件...