jQuery-toggle()与toggle(fn,fn)的用法
来源:互联网 发布:社交网络的弊端 编辑:程序博客网 时间:2024/05/21 10:48
toggle()方法的效果就是切换元素的可见状态;即如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。
例子:
$(function(){
$("#content").toggle();
})
<p id="content" style="display:none">这里原来是隐藏看不到的</p>
当有点击事件时,另一区域可见状态切换可以这么写:
$(document).ready(function(){
$("#test").click(
function(){
$("#content").toggle();
}
);
});
<p id="test"><input type="button" value="点击这里" /></p>
<p id="content" style="display:none">当点击上面的“点击这里“字样,这里的内容将隐藏与显示之间切换</p>
下面说一下toggle(fn,fn)方法的使用,效果是:每次点击后依次调用函数;如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数,如果有更多函数,则再次触发,直到最后一个。随后的每次点击都重复对这几个函数的轮番调用。注意这里本身已经有点击触发调用函数的功能,不需要另外.click(fn)了,我一开始操作此函数时就犯了错。
例子:
$(document).ready(function(){
$("#test").toggle(function(){
$("#content").hide('slow');
},function(){
$("#content").show('fast');
});
});
<p id="test"><input type="button" value="点击这里" /></p>
<p id="content" style="display:none">当点击上面的“点击这里“字样,这里的内容将隐藏与显示之间切换</p>
- jQuery-toggle()与toggle(fn,fn)的用法
- jQuery-toggle()与toggle(fn,fn)的用法
- jQuery-toggle()与toggle(fn,fn)的用法
- jQuery-toggle()与toggle(fn,fn)的用法
- jQuery-toggle()与toggle(fn,fn)的用法 学习笔记五
- Jquery中toggle的用法
- Jquery toggle函数的用法
- jquery toggle用法
- jQuery中 $.fn的用法
- jQuery中$.fn的用法
- jQuery中 $.fn的用法
- jQuery中$.fn的用法。
- jQuery中 $.fn的用法
- jQuery中$.fn的用法
- jQuery中toggle()函数的用法
- jquery.fn.extend与jquery.extend的用法
- jQuery.fn.extend 与 jQuery.extend 用法
- jquery的toggle函数
- CAS项目实践
- TCP/IP编程实现远程文件传输
- Tomcat 安装服务错误之 【NonAlpha 95 】
- java并发编程实践 笔记(1)
- Linux编译Boost_1_41_0
- jQuery-toggle()与toggle(fn,fn)的用法
- UNDO 行为
- Foj 1147 Tiling
- Scala开发环境搭建
- 加入页眉、页尾
- eth0,eth1,eth2,lo是什么
- tal切换
- java面试题,质数求和
- 为什么要开此blog