Jquery从查询字符串或哈希将类添加到正文答案

【问题标题】：Jquery add class to body from query-string or hashJquery从查询字符串或哈希将类添加到正文
【发布时间】：2013-07-24 20:20:19
【问题描述】：

我正在尝试根据 url 查询字符串（或哈希，如果这更容易）向正文添加一个类

如果你去http://www.here.com?myclass我想page把body的class改成：<body class="myclass">

这是我使用哈希得到的最接近的结果：

$(document).ready(function() {

    var url=document.URL.split('#')[1];
    if(url == undefined){
        url = '';
    }

    if(url != ''){
        $(document.body).addClass('myclass');
    }
});

【问题讨论】：

这告诉如何获取查询：stackoverflow.com/questions/16901981/…

标签： jquery query-string addclass

【解决方案1】：

你的代码很接近：

var url=document.location

或

var url=document.location.hash

【讨论】：

【解决方案2】：

当我能在这里找到答案时，我总是喜欢它，所以我会把它粘贴进去。

此代码是 url http://www.domain.com# 中的一个哈希，在 body 标记中添加一个“myclass”类。请注意它添加了类不替换。

$(document).ready(function() {

var url=document.location.hash;
if(url != ''){
    $(document.body).addClass('myclass');
}

});

【讨论】：

【解决方案3】：

由于您知道要添加类的查询字符串，因此应该可以：

$(function() {
   if (document.location.href.indexOf('?myclass') > -1 ) {
     $('body').addClass('myclass');
   } 
});

使用 > -1 或 >= 0 搜索字符串以避免错误。

【讨论】：