jQuery操作类方法

首先,布局一个简单的界面<button>添加类</button><button>删除类</button><button>切换类</button><div></div>
addClass(class/fn)
为DOM元素添加类,空格隔开多个类名。

var btns = document.getElementsByTagName(“button”);
btns[0].onclick = function(){
    
    
  $(“div”).addClass(“class1 class2”);
}

removeClass([class/fn])
删除类,多个类名用空格隔开。

btns[1].onclick = function(){
    
    
  $(“div”).removeClass(“class1 class2”);
}

toggleClass(class/fn[,sw])
切换类,有就删除没有就添加。

btns[2].onclick = function(){
    
      
  $(“div”).toggleClass(“class1 class2”);
}

我坚持学到现在,差点儿放弃了!

猜你喜欢

转载自blog.csdn.net/weixin_45799003/article/details/114090191
今日推荐