您的位置：首页 > Web前端 > JQuery

【JQuery】toggle函数

2016-04-02 12:28 621 查看

该函数就是在元素的click事件中绑定两个或两个以上的函数.

当没有参数的时候，表示绑定元素的隐藏和显示的切换，如果有参数的话，如下:

$(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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航