JQuery中的toggle()方法,相当于点一个元素时,重复循环两个函数,而这两个函数可以作为toggle()函数的两个参数传进去,当第一次点击的时候会执行前面的参数,而第二次点击时执行的是后面的参数,第三次点击时又会重新执行第一个参数...这样循环执行两个函数。

在开发时,利用toggle()函数可以实现控制一个元素的隐藏和显示。比如一个元素初始时为显示状态,当鼠标第一次点击时,把该元素隐藏,当鼠标再次点击时,控制这个元素显示,十分方便。

代码:

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

 

相关文章:

  • 2021-07-26
  • 2022-12-23
  • 2021-06-02
  • 2022-02-15
  • 2022-12-23
  • 2021-06-26
  • 2022-12-23
猜你喜欢
  • 1970-01-01
  • 2021-10-16
  • 2022-12-23
  • 2022-12-23
  • 2021-09-27
  • 2021-12-10
相关资源
相似解决方案