【JQuery】toggle函数
2016-04-02 12:28
681 查看
该函数就是在元素的click事件中绑定两个或两个以上的函数.
当没有参数的时候,表示绑定元素的隐藏和显示的切换,如果有参数的话,如下:
表示点击绑定元素的时候,顺序循环执行以上函数(点击一次只执行一个函数).
例子.
<body>
<h3>toggle()方法绑定多个函数</h3>
<input id="btntest" type="button" value="点一下我" />
<div>我是动态显示的</div>
<p>显示啥呢?</p>
<script type="text/javascript">
$(function () {
$("#btntest").bind("click", function () {
$("div").toggle()
})
$("p").toggle(
function(){
$(this).html('苹果');
},
function(){
$(this).html('梨子');
}
)
});
</script>
</body>
当没有参数的时候,表示绑定元素的隐藏和显示的切换,如果有参数的话,如下:
$(selector).toggle(fun1(),fun2(),funN(),...)
表示点击绑定元素的时候,顺序循环执行以上函数(点击一次只执行一个函数).
例子.
<body>
<h3>toggle()方法绑定多个函数</h3>
<input id="btntest" type="button" value="点一下我" />
<div>我是动态显示的</div>
<p>显示啥呢?</p>
<script type="text/javascript">
$(function () {
$("#btntest").bind("click", function () {
$("div").toggle()
})
$("p").toggle(
function(){
$(this).html('苹果');
},
function(){
$(this).html('梨子');
}
)
});
</script>
</body>
相关文章推荐
- 10分钟-jQuery操作DOM元素
- 【JQuery】使用hover()方法切换事件
- 自定义jquery插件
- 【JQuery】页面加载时触发ready()事件
- jQuery实现鼠标选文字发新浪微博的方法
- JQuery解析XML的方法小结
- 【JQuery】使用remove()和empty()方法删除元素
- Jquery操作全选,反选等批处理
- 【JQuery】使用each()方法遍历元素
- 【JQuery】使用wrap()和wrapInner()方法包裹元素和内容
- 【JQuery】replaceWith()和replaceAll()替换内容
- 【JQuery】使用before()和after()在元素前后插入内容
- JQuery学习笔记
- JQuery $("#id").val(value); 给select选值不出现问题
- chome, firefox浏览器js的jQuery加载.get(),.ajax()
- jQuery实现鼠标选文字发新浪微博的方法
- JQuery- 鼠标样式(二级菜单简易通俗版)
- jquery Math.random()生成0~10以内随机整数写法
- 大白话讲解Promise(三)搞懂jquery中的Promise 一文 的学习+新领悟
- 在django中,使用jquery ajax post数据,会出现403的错误