显示 隐藏 jquery
来源:互联网 发布:linux好用吗 编辑:程序博客网 时间:2024/05/19 05:04
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显示隐藏列
- jquery 判断显示 隐藏
- jquery显示隐藏元素
- 显示 隐藏 jquery
- jquery显示隐藏div
- jQuery 隐藏显示
- JQuery显示隐藏层
- jquery显示隐藏元素
- jquery 显示隐藏div
- jquery 显示隐藏div .
- JQuery 显示隐藏切换
- Jquery 隐藏显示层
- jQuery 隐藏和显示
- jQuery 点击 隐藏 显示
- jquery显示、隐藏div
- jQuery 显示 隐藏 操作
- jQuery显示与隐藏
- jquery显示,隐藏
- 项目管理学习笔记之二范围管理过程总结
- java中传参数时,在类型后面跟"..."的使用
- [POJ_1007] DNA Sorting
- android中采用AES进行加密
- Altium Designer 的PCB过滤器
- 显示 隐藏 jquery
- Hibernate 学习笔记(一)--用MyEclipse 6.5+MySQL 5.0的环境跑起来
- Ubuntu Linux笔记本屏幕背光亮度调节
- 给静态代码块里的类创建对象
- 《商业WEB挖掘关键技术研究》之语义模板笔记
- 项目管理学习笔记之三时间管理过程总结
- x86保护模式的几点思考
- CoverFlow
- connect by 按层次排序的方法