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>
分享到:
相关推荐
jquery toggle()方法制作右侧浮动的qq在线客服代码
jQuery toggle事件制作FAQ列表页是一款基于jQuery toggle事件实现的FAQ文字列表点击展开和收缩文字内容。
jquery点击改变class并toggle
jQuery toggle顶部登录框点击登录按钮滑动显示登录框 jQuery toggle顶部登录框点击登录按钮滑动显示登录框
主要介绍了jQuery toggle 代替方法 的相关资料,需要的朋友可以参考下
jquery.toggle-password显示密码插件
jQuery显示隐藏密码插件jquery.toggle-password
言归正传,我今天在写毕业设计的时候,在给一个元素绑定jquery的toggle方法之后奇迹发生了,绑定这个方法的元素全部隐藏了。开始的时候 我怎么也没想到是这里有问题,我找了半天才发现是因为绑定了toggle方法。可是...
在 Windows(Windows 7以上)系统以及 IE 里,当输入密码的时候,右边会有一个小眼睛,按下这个小...现在我们可以使用jQuery插件jquery.toggle-password让我们的网站也有类似的功能。 查看演示 标签:jquery
jQuery toggle事件制作FAQ列表页是一款基于jQuery toggle事件实现的FAQ文字列表点击展开和收缩文字内容。
jquery点击toggle并改变图片src源码
jQuery 的toggle()函数使用show()或hide()函数来切换HTML元素的可见状态。今天我们来探讨下jquery中toggle函数交替使用问题
主要介绍了jQuery基于toggle实现click触发DIV的显示与隐藏,结合实例形式分析了toggle方法用于切换页面元素样式的相关使用技巧,需要的朋友可以参考下
本文重点给大家介绍了jQuery中的2个函数hover和toggle的使用方法和示例,非常的简单实用,推荐给小伙伴们参考下。
jquery toggle点击实现内容的显示效果,喜欢的朋友可以参考下。
HTML 代码: <p>Hello</p><p xss=removed>Hello Again</p> jQuery 代码: $(“p”).toggle() 结果: ”display:>Hello</p><p xss=removed>Hello Again</p> 设置背景图片,以突出透明度的效果 代码如下: <...
本文通过示例给大家介绍了使用jQuery的toggle()方法对HTML标签进行显示、隐藏操作的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下