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只是鼠标移进移出的事件,跟点击没关系。两个可以一起用

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