JQuery 的toggle() 方法如何使用?


JQuery中的toggle()方法,相當於點一個元素時,重復循環兩個函數,而這兩個函數可以作為toggle()函數的兩個參數傳進去,當第一次點擊的時候會執行前面的參數,而第二次點擊時執行的是后面的參數,第三次點擊時又會重新執行第一個參數...這樣循環執行兩個函數。

在開發時,利用toggle()函數可以實現控制一個元素的隱藏和顯示。比如一個元素初始時為顯示狀態,當鼠標第一次點擊時,把該元素隱藏,當鼠標再次點擊時,控制這個元素顯示,十分方便。

代碼:

$("#btn").toggle(function(){
      //控制box隱藏
      $("#box").hide();
},function(){
      //控制box顯示
      $("#box").show();
});

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM