怎么通过js事件添加class样式和css样式

由于jquery支持css3，所以能很好的兼容很多浏览器，所以通过jquery来使用css样式比较好。

怎么通过js事件添加class样式和css样式？

1、js事件添加class样式

实例分享：

 $('.menu').on('click', function (e) {
  e.preventDefault();
  $(this).toggleClass("open");
  $('.lang').removeClass("open");
  $('.search').addClass("open");
 });

2、js事件直接添加css样式

实例分享：

 $(".lang-sub").hover(function () {
  $(".lang-sub-menu").css({opacity:"1",top:"80%",visibility:"visible"});
 });

扩展分享：

（1）.css("样式")：获得样式值，比如$("input").css("color") 获得input中字体的颜色；

（2）.css("样式","value"):为样式赋值，如$("input").css("color","red")；

（3）.addClass("样式类1,样式类2,样式类3"):可以添加多个定义好的样式类；

（4）.hasClass("样式类类")：判断是否存在该样式；

（5）.toggleClass("样式类")：如果存在(不存在)就切换(删除)样式；

（6）.toggleClass("样式类",swith):如果swith为false，则删除样式，如果swith为true，则切换成该类；

（7）.removeClass("样式类")：移除样式类；

（8）.css({样式名:"value",样式名:"value",样式名:"value"}):可以多次添加样式。