jQuery的toggle()方法有时候会无效

jQuery的toggle()方法很好用,切换元素的显示与隐藏状态,比如下面这样,切换 <p> 元素的显示与隐藏状态:

$(".btn1").click(function(){
  $("p").hide();
});

但是有时候会无效,查找半天后,可能有人会发现,好像跟jQuery的版本有关系,这是为什么呢,因为在jQuery1.8之后这个方法就被弃用了,所以1.8版本之后再用这个方法就会无效,想要使用只能用低版本的jQuery了。

但是,很多人可能觉得,这么好用的方法为什么会被弃用呢,其实,它只是被另一个方法代替了而已,就是toggleClass(),toggleClass() 对设置或移除被选元素的一个或多个类进行切换。该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。他们的使用方法和效果都很类似,在不能更换jQuery版本的时候,可以用它来代替toggle()方法,或者还有个类似的slidetoggle()也有类似的功能。

代码 2020-04-27 15:34:21 通过 网页 浏览(2093)

共有0条评论!

发表评论