jquery 點擊函數切換 toggle()

 toggle(fn,fn) 

每次點擊時切換要調用的函數。 

如果點擊了一個匹配的元素,則觸發指定的第一個函數,當再次點擊同一元素時,則觸發指定的第二個函數。隨後的每次點擊都重複對這兩個函數的輪番調用。 

可以使用unbind("click")來刪除。 

返回值 

jQuery 

參數 

fn (Function) : 第奇數次點擊時要執行的函數。 

fn (Function) : 第偶數次點擊時要執行的函數。 

示例 

對錶格的切換一個類 

jQuery 代碼: 

 

  1. $("td").toggle(  
  2. function () {  
  3. $(this).addClass("selected");  
  4. },  
  5. function () {  
  6. $(this).removeClass("selected");  
  7. }  
  8. ); 
  9. $('#btntrack').toggle( 
  10.  function(){ 
  11.  $(this).text('繼續跟蹤'); 
  12.  $(this).addClass('active'); 
  13.  }, 
  14.  function(){ 
  15.  $(this).text('暫停跟蹤') 
  16.  $(this).removeClass('active'); 
  17.  } 

) 補充:toggle只有點擊的時候好使,hover只是鼠標移進移出的事件,跟點擊沒關係。兩個可以一起用

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