`
西北小强
  • 浏览: 345038 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery的toggle方法

toggle函数第一次点击执行方法1第二次点击执行方法2jQuerytoggle方法 
阅读更多

toggle方法，在第一次点击的时候执行，函数一，第二次点击的时候执行函数二

实例代码如下：

<!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>
</head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
	$("#div1").hide();
	$("#b1").toggle(function(){
		alert("第一次点击");
	},function(){
		alert("第二次点击");
	},function(){
		alert("第三次点击");
	});
});


</script>
<body>
	<input type="button" id="b1" value="测试"/>
<div id="div1">

	<input type="button" id="b3" value="保存"/>
</div>
</body>
</html>
 
分享到：
| oracle因为改变电脑名监听无效的解决办法
评论
1 楼 西北小强 2013-01-10  
 
发表评论

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

相关推荐

    jquery.toggle-password显示密码插件

    2. **初始化插件**：在DOM加载完成后，我们需要找到对应的密码输入框元素，并调用toggle-password插件的方法进行初始化。可以使用`$("#passwordInput").togglePassword()`来实现，其中"#passwordInput"是密码输入框...

    页面元素绑定jquery toggle后元素隐藏的解决方法

    在使用jQuery库时，开发者可能会遇到元素在绑定toggle方法后不显示的问题。这个问题在不同版本的jQuery中有着不同的表现和解决方法。我们首先需要了解jQuery的toggle方法的作用，然后分析为什么在新版本中会导致元素...

    jQuery显示隐藏密码插件jquery.toggle-password

    本文将深入探讨“jQuery显示隐藏密码插件jquery.toggle-password”，这是用于增强网页表单用户体验的一个实用工具，尤其对于那些关注隐私和安全性的用户来说。 ### jQuery基础 在了解这个插件之前，我们先来回顾...

    jQuery toggle事件制作FAQ列表页.zip

    1. **jQuery toggle事件**：toggle事件是jQuery中的一个方法，它允许我们将两个或多个函数绑定到元素上。当用户点击该元素时，这些函数会交替执行。在FAQ列表页中，toggle事件用于控制列表项的展开和收缩，使得用户...

    jquery点击改变class并toggle

    在JavaScript的世界里，jQuery是一个非常流行的库，它简化了DOM操作、事件处理、动画效果以及Ajax...在实际项目中，可以根据需求进行更复杂的逻辑操作，如链式调用其他jQuery方法，或者结合Ajax请求进行异步数据交互。

    jquery toggle()方法制作右侧浮动的qq在线客服代码

    jQuery作为一个强大的JavaScript库，提供了多种方法来实现动态交互，其中`toggle()`方法就是一个常用的功能，它能够实现元素的显示与隐藏切换。本教程将详细介绍如何利用jQuery的`toggle()`方法来创建一个右侧浮动的...

    jQuery toggle 代替方法

    在jQuery库中，`toggle()`方法是一个非常实用的功能，它允许开发者轻松地切换元素的可见状态。然而，从jQuery 1.9版本开始，原始的`toggle()`方法被移除，因为它结合了两种不同的功能：点击事件绑定和切换显示状态。...

    jQuery toggle顶部登录框点击登录按钮滑动显示登录框

    在网页设计中，jQuery是一个非常流行的JavaScript库，它极大地简化了DOM操作、事件处理和动画效果。...总的来说，掌握jQuery的`toggle()`方法和相关的DOM操作对于前端开发来说是非常基础且重要的技能。

    jquery不支持toggle()高(新)版本的问题解决

    这个自定义函数通过jQuery的fn对象扩展了toggle方法。它首先检查提供的参数是否是函数类型，如果不是，就调用旧的toggle方法。如果是函数类型，它会继续创建一个新的事件处理器函数toggler，该函数内部会根据之前...

    jQuery中hover方法和toggle方法使用指南

    本文主要讲述jQuery库中的hover方法和toggle方法，这两个方法在处理事件和动画交互方面非常实用。 hover方法是jQuery中的一个自定义事件方法，用来模拟鼠标悬停在元素上的效果。它可以接受两个参数，分别是鼠标悬停...

    jQuery显示隐藏密码插件jquery.toggle-password演示

    jQuery显示隐藏密码插件jquery.toggle-password演示

    jQuery显示隐藏密码插件jquery.toggle-password.zip

    在 Windows（Windows 7以上）系统以及 IE 里，当输入密码的时候，右边会有一个小眼睛，按下这个小...现在我们可以使用jQuery插件jquery.toggle-password让我们的网站也有类似的功能。 查看演示 标签：jquery

    jquery toggle faq 春江花月夜版

    jQuery的toggle方法，用于切换元素的可见状态，如果元素是可见的，它就会被隐藏；反之，如果元素是隐藏的，就会被显示出来。这是一个非常实用的工具，尤其是在制作类似常见问题解答（FAQ）这类需要交互切换内容显示...

    jQuery基于toggle实现click触发DIV的显示与隐藏问题分析

    在本文中，我们将深入探讨使用jQuery中的toggle方法来实现点击事件控制DIV元素显示与隐藏的机制，并通过实例来分析实现过程中的相关技巧。jQuery作为一个广泛使用的JavaScript库，简化了HTML文档遍历、事件处理、...

    JQuery toggle使用分析

    JQuery中的toggle()函数是jQuery库中一个非常实用的动画方法，它用于切换元素的显示状态。当你调用这个方法时，如果元素当前是隐藏的，它将会被显示出来；如果元素是可见的，它将被隐藏。这个方法既可以通过直接调...

    jquery点击toggle并改变图片src源码

    首先，我们需要理解`toggle`这个jQuery方法。`toggle`有两个主要用途：一是用来切换元素的可见性，二是绑定多个事件处理函数，并在每次点击时轮流调用它们。在这个案例中，我们将关注第二种用法。 代码实现的基本...

    jQuery toggle()设置CSS样式

    `jQuery toggle()` 函数是一个非常实用的工具，用于在页面上的元素之间切换显示状态。它主要处理CSS的`display`属性，使得元素在可见和隐藏之间动态切换。这个功能广泛应用于用户交互，如点击按钮显示或隐藏内容，...

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