jQuery-toggle()

1、定義:toggle() 方法用於綁定兩個或多個事件處理器函數,以響應被選元素的輪流的 click 事件。
eg:九宮格輸入法:單擊爲a,雙擊爲b,三擊爲c,再次單擊再次爲a.
2.toggle用法示例:html

<!DOCTYPE html>
<html>
<head lang="en">
    <script src="js/jquery.js"></script>
    <meta charset="UTF-8">
    <title></title>
    <script>
        $(function(){
            $(".btn1").toggle(
                    function(){
                        $("#body").css("background-color","red")},
                    function(){
                        $("#body").css("background-color","pink")},
                    function(){
                        $("#body").css("background-color","yellow")}
            );
        })
    </script>
    <style>
        #body{
            width: 900px;
            height: 600px;
            background-color: blue;
        }
    </style>
</head>
<body >
<button class="btn1">Toggle</button>
<div id="body"></div>
</body>
</html>

點擊bg爲red,再次點擊bg爲pink,再次點擊爲黃,第四次點擊又爲red….循環。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章