使用jQuery的addClass改变body CSS

Changing body CSS with a jQuery addClass

本文关键字:body CSS 改变 addClass jQuery 使用      更新时间:2023-09-26

我正在创建一个带有jQuery库的网站,并且我的库(类似于lightbox)运行良好。我的问题是,我可以创建一个CSS"主体类",我可以从一个jQuery事件调用?这就是我想要的:当有人点击图片时,图库就出现了。然后主体背景变为黑色,并缩小到浏览器页面的大小,mainContent消失,只显示图像。当事件发生时,是否有任何方法可以向页面添加body类?就像 :

 $("div_one").click(function(){
   $("body").addClass("the_new_body_css_look"); 
 });

和CSS:

.the_new_body_css_look {
     body { 
       /* the colors */
     }
     mainContent {
       /* the size */
     }
}

检查它的最快方法可能是亲自尝试。答案是肯定的。