`
jackroomage
  • 浏览: 1222731 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

jQuery 控制div隐藏,想隐藏那个div就隐藏那个div

 
阅读更多

<!DOCTYPE html>
<html>
<head>
  <style>
  div { background:#ece023; width:30px;
        height:40px; margin:2px; float:left; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
  <div>a</div>
  <div>b</div>
  <div>c</div>
  <div>d</div>
  <div>e</div>
  <div>f</div>
<script>

    $("div").click(function () {
      $(this).hide(1000);
    });
</script>

</body>
</html>

分享到：
| 亿万富豪达尔文•迪森给创业者的七条建议
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery显示隐藏DIV简单实例.zip

    本实例主要关注如何利用jQuery实现显示和隐藏DIV元素的功能，这是一种常见的页面交互手法，特别是在内容展示和空间管理上。 首先，理解基本的HTML结构。在网页中，我们通常会有一个或多个`&lt;div&gt;`元素，它们是用来...

    JQuery-DIV弹窗

    这种效果通过CSS样式实现背景变灰，通过jQuery控制DIV的显示和隐藏，以及响应用户的关闭操作。 首先，我们需要创建一个HTML结构，包含一个隐藏的DIV作为弹窗容器，以及必要的触发按钮： ```html &lt;!DOCTYPE html&gt; ...

    jquery监听DIV的事件

    本篇文章将深入探讨如何使用jQuery来监听一个DIV元素的事件，以便于我们在其状态变化时执行相应的代码。 首先，理解jQuery中的事件处理是非常重要的。jQuery提供了丰富的API来绑定和触发DOM元素上的事件。在jQuery...

    jquery监听div内容的变化具体实现思路

    通常，元素内容变化的监听可以通过绑定一些内置的jQuery事件来实现，但对于div这样的非输入型元素，标准的change事件就无能为力了。本文将详细探讨如何监听div元素内容的变化。 首先，传统的change()方法并不能监听...

    JqueryUI控制可拖动隐藏DIV

    首先，我们要理解“JqueryUI 控制可拖动隐藏 DIV”这一概念。在 jQuery UI 中，`draggable()` 方法用于使元素变得可拖动，用户可以通过鼠标点击并移动来改变元素的位置。而 `hide()` 和 `show()` 方法则分别用于隐藏...

    jquery div拖动排序效果代码.zip

    本教程将详细讲解如何利用jQuery实现一个div元素的拖动排序效果，结合CSS样式，创建出一款从左到右慢慢展开且可自由拖动排序的特效。 首先，我们需要在HTML中设置好基础结构。创建一系列的div元素，每个div代表一个...

    jquery+div实现同时滑动切换的图文展示特效插件下载.rar

    在本插件中，jQuery被用来控制div元素的滑动动画，使得图文内容能够按照预设的方式进行平滑切换。 div元素在HTML中是一个非常基础但又灵活的容器，它可以容纳文本、图像、其他HTML元素等，用于组织页面布局。在这个...

    jquery_div.rar_div显示特效_jquery_div

    在这个例子中，我们将关注如何用jQuery控制`div`的可见性。 1. 引入jQuery库：在HTML文件中，我们首先要引入jQuery库。通常，我们会通过CDN链接（内容分发网络）来引入，例如： ```html ...

    Jquery Sortable实现div拖动排序效果

    至此，我们就成功实现了使用jQuery Sortable实现div的拖动排序效果。这种功能在很多场景下都非常有用，例如管理任务列表、整理文章列表等。记住，为了提供更好的用户体验，你还可以根据实际需求自定义Sortable的外观...

    jQuery拖动div元素标签

    此外，还可以使用CSS类来控制div的大小，这样更容易维护和统一样式。 综上所述，结合jQuery UI的Draggable组件和jQuery的append方法，我们可以实现div元素的拖动和动态添加。通过调整各种选项和CSS样式，我们可以...

    jQuery Easing div切换效果的例子

    在本文中，我们将深入探讨jQuery Easing插件及其在实现div切换效果中的应用。jQuery Easing是一个非常实用的工具，它扩展了jQuery的核心动画功能，提供了丰富的缓动函数，使得过渡效果更加平滑、动态，为网页增添...

    jQuery 局部div刷新和全局刷新方法总结

    例如，如果你想更新id为“dl”的div元素的内容，可以使用以下代码： ```javascript $(".dl").load(location.href + ".dl"); ``` 这行代码的作用是从当前的页面地址中请求“.dl”对应的HTML内容，并加载到具有“dl...

    jQuery超强div固定位置布局特效插件

    **jQuery超强div固定位置布局特效插件** 在网页设计中，动态布局是提升用户体验的关键因素之一。这款基于jQuery的插件允许开发者实现div元素在页面滚动时保持在特定位置的效果，如固定侧边栏、顶部导航或者浮动按钮...

    用jQuery向div中添加Html文本内容的简单实现

    下面小编就为大家带来一篇用jQuery向div中添加Html文本内容的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

    jquery实现div模块轮播切换

    本文将深入探讨如何使用 jQuery 来实现一个div模块的轮播切换效果，这种效果通常用于展示多个图片或内容块，使得用户可以在有限的页面空间内浏览更多的信息。 首先，我们需要在HTML中创建轮播的基础结构。这通常...

    jquery模拟div多选checkbox下拉框

    1. **jQuery选择器和DOM操作**：在创建这个下拉框时，jQuery的选择器会用于选取特定的DOM元素，例如`&lt;div&gt;`和`&lt;input type="checkbox"&gt;`。同时，jQuery提供了丰富的DOM操作方法，如`.append()`用于添加元素，`....

    jQuery单击div更改背景颜色

    在本例中，“jQuery单击div更改背景颜色”是一个基础的交互功能，通常用于教学或简单的用户界面设计。下面我们将深入探讨如何实现这个功能，并了解相关的jQuery知识。 首先，为了使用jQuery，我们需要在HTML文件中...

    jquery 滑动DIV

    本教程将详细讲解如何利用jQuery实现一个滑动DIV的效果，适用于图片轮播或移动端应用的界面交互。 首先，我们需要在HTML文件中创建一个包含待滑动内容的容器。这个容器可以是DIV元素，里面包含多张图片或其它内容。...

    JQuery控制div外点击隐藏而div内点击不会隐藏的方法

    为了补充完整本文内容，如果需要在div内部也能够触发隐藏div的操作，可以使用jQuery的trigger()方法。在本文的代码中，$(document).trigger("click")模拟了一个点击事件，并且该事件会传递到document上，因此无论是...

Magicbox
Global site tag (gtag.js) - Google Analytics