javascript添加移除class

有时候需要点击某一个元素,改变元素样式,这时候可以先定义好class,用javascript动态添加删除class

有两种方法:

1. addClass/removeClass

删除样式

$('#link').removeClass('open')

添加样式

$('#link').addClass('open')


由样式open变为样式close

$('#link').removeClass('open').addClass('close');

2. 使用jquery的toogleClass

toggleClass() 对设置或移除被选元素的一个或多个类进行切换。
该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。

$('#link').toogleClass('open')


你可能感兴趣的:(前端)