jQuery是一種廣泛使用的JavaScript庫,它使得JavaScript在網(wǎng)站開發(fā)中更容易、更快捷。其中,toggle方法是其常用方法之一,可以在兩個或更多元素之間進(jìn)行切換。在jQuery 1.10中,toggle方法有幾個值得注意的變化。
// jQuery 1.9之前使用的toggle方法 $("button").toggle(function() { // 第一次點擊時執(zhí)行 }, function() { // 第二次點擊時執(zhí)行 }); // jQuery 1.10之后使用的toggle方法 $("button").click(function() { $(this).toggleClass("active"); });
以前,toggle方法可以接受任意數(shù)量的函數(shù)作為參數(shù)。但在jQuery 1.9中,toggle方法被廢棄了,意味著可以被移除掉。而在jQuery 1.10中,toggle方法重新出現(xiàn),并且被修改了參數(shù)。現(xiàn)在,toggle方法只接受一個可選參數(shù),用于表示是否應(yīng)該在元素之間切換。
在如上的示例中,我們可以看到,toggle方法現(xiàn)在被重構(gòu)為click事件的shortcut。這個簡單的方法可以使按鈕在被點擊時切換一個類,而不需要用到多個函數(shù)。當(dāng)單擊按鈕時,它將添加.active類,再次單擊時,將刪除.active類。這是一個非常簡單的開關(guān)行為,容易處理。
在jQuery 1.10之前,建議使用toggleClass()來模擬元素的切換行為。在jQuery 1.10之后,建議使用click()事件來替代toggle方法來降低代碼復(fù)雜度。