<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>练习</title>
<script type="text/javascript" src="js/jquery-1.4.js" ></script>
<style type="text/css">
.test_div{ width:400px; height:200px; background:#CCCCCC; }
.blod{ font-weight:bold;}
.red{ color:red;}
.hidden{ display:none;}
</style>
</head>
<body>
<div id="test_div" class="test_div">
这是一个测试的demo.这是一个测试的demo.这是一个测试的demo.这是一个测试的demo.这是一个测试的demo.这是一个测试的demo.这是一个测试的demo.这是一个测试的demo.这是一个测试的demo.这是一个测试的demo.这是一个测试的demo.
</div>
<input type="button" id="test_btn" value="显示/隐藏" />
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){
$("#test_btn").toggle(function(){
$("#test_div").addClass("hidden");
},function(){
$("#test_div").removeClass("hidden");
});
});
</script>
分享到：
相关推荐
在这个“jQuery toggle事件制作FAQ列表页”项目中，我们重点探讨如何利用jQuery的toggle事件来创建一个功能丰富的常见问题解答（FAQ）页面。以下是关于这个主题的详细知识点： 1. **jQuery toggle事件**：toggle...
在jQuery中，`toggle()`函数主要用于切换元素的可见性。它可以接受两个参数，一个是布尔值，用来直接设置元素的可见状态；另一个是回调函数，用于在每次切换时执行。在这个案例中，我们关注的是其默认行为，即根据...
《jQuery Toggle Password插件详解与应用实践》 在Web开发中，用户界面的友好性和安全性是至关重要的。尤其是在涉及用户密码输入的场景下，如何在保证安全的同时提供良好的用户体验，是一个值得探讨的问题。jQuery ...
本文将深入探讨“jQuery显示隐藏密码插件jquery.toggle-password”，这是用于增强网页表单用户体验的一个实用工具，尤其对于那些关注隐私和安全性的用户来说。 ### jQuery基础 在了解这个插件之前，我们先来回顾...
本文将详细讲解如何使用jQuery实现点击事件改变元素的class，并结合toggle功能进行动态切换。 首先，我们需要了解jQuery的选择器，它是jQuery库的核心特性之一，用于找到页面中的特定元素。例如，我们可以使用`$("#...
jQuery作为一个强大的JavaScript库，提供了多种方法来实现动态交互，其中`toggle()`方法就是一个常用的功能，它能够实现元素的显示与隐藏切换。本教程将详细介绍如何利用jQuery的`toggle()`方法来创建一个右侧浮动的...
在本文中，我们将探讨一个关于jQuery `toggle`方法的问题，即当页面元素绑定`toggle`后元素意外隐藏的情况，以及如何解决这个问题。 `toggle`是jQuery中的一个事件处理方法，它的主要作用是切换元素的状态，例如...
在详细说明知识点之前，首先要介绍本文件中提及的核心技术点——jQuery toggle。jQuery是一个快速、小巧、功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互等操作。jQuery的toggle方法，...
`jQuery toggle()` 函数是一个非常实用的工具，用于在页面上的元素之间切换显示状态。它主要处理CSS的`display`属性，使得元素在可见和隐藏之间动态切换。这个功能广泛应用于用户交互，如点击按钮显示或隐藏内容，...
JQuery中的toggle()函数是jQuery库中一个非常实用的动画方法，它用于切换元素的显示状态。当你调用这个方法时，如果元素当前是隐藏的，它将会被显示出来；如果元素是可见的，它将被隐藏。这个方法既可以通过直接调...
在jQuery库中，`toggle()`方法是一个非常实用的功能，它允许开发者轻松地切换元素的可见状态。然而，从jQuery 1.9版本开始，原始的`toggle()`方法被移除，因为它结合了两种不同的功能：点击事件绑定和切换显示状态。...
本篇文章将详细讲解如何利用jQuery的toggle事件来创建一个常见问题解答（FAQ）列表页的特效代码。 首先，我们要了解jQuery的`toggle()`函数。这个函数有两个主要功能：切换元素的可见状态和绑定/解绑事件。在这里，...
本案例主要探讨的是jQuery中的`toggle()`方法，它主要用于元素的显示和隐藏，是一个非常实用的功能。 `toggle()`函数是jQuery的核心方法之一，它的基本用法有两种：一种是无参数的，另一种是接受两个函数作为参数。...
jQuery的toggle()函数是用于切换元素的可见状态的。它主要使用show()或hide()函数来实现元素的显示和隐藏。然而在使用过程中，有时会出现一些问题，比如今天我们要探讨的toggle函数交替使用问题。 首先，我们需要...
在本文中，我们将深入探讨使用jQuery中的toggle方法来实现点击事件控制DIV元素显示与隐藏的机制，并通过实例来分析实现过程中的相关技巧。jQuery作为一个广泛使用的JavaScript库，简化了HTML文档遍历、事件处理、...