JQuery中toggle的用法

最新推荐文章于 2022-04-27 16:06:39 发布

原创最新推荐文章于 2022-04-27 16:06:39 发布 · 置顶 · 2.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#JQuery

JQuery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的循环点击事件示例，通过toggle方法在两次点击之间切换不同的样式设置，适用于网页元素的位置调整。

用法：

循环点击事件第一次调用第一个函数第二次点击调用第二个函数

代码示例：

第一次点击任意一个div触发函数，再次点击触发第二个函数

$(function () {
    $("#div,#div2").toggle(function(){
               $("#div").css({"position":"absolute","top":"3%","left":"1%","z-index":"1"});
    }, function () {
               $("#div").css({"position":"","top":"","left":"","z-index":""});
    });
});