如何在body标签中添加一个类？

Question

我想用jQuery向body标签添加一个类.

例如,如果URL是http://www.mywebsite.com/about_us.asp,我想在body标签中添加前五个字母,在本例中为"about":

<body class="about">

我怎样才能做到这一点？

Answer 1

这应该这样做:

var newClass = window.location.href;
newClass = newClass.substring(newClass.lastIndexOf('/')+1, 5);
$('body').addClass(newClass);

整个"五个字"的东西有点令人担忧; 那种任意截止通常是一个红旗.我建议捕捉所有内容,直到_或.:

newClass = newClass.match(/\/[^\/]+(_|\.)[^\/]+$/);

该模式应该产生以下结果:

比$('body')更有效的是$(document.body),避免了选择器进程.请参阅http://jsperf.com/jquery-body-vs-document-body-selector(注意:在给定的统计数据中,'更高更好') (7认同)

Answer 2

使用:

$(document.body).addClass('about');