jQuery基于页面URL添加类

我认为这是一个简单的问题，但我无法让它为我的生活而工作。

我想要做的就是在页面中添加一些javascript，根据URL将类添加到主页面容器中。

假设我在root.com上有一个站点和以下的html结构（松散地说）：

     
 Blah, blah, blah   

我想要做的是一个脚本，如果页面=（例如）root.com/technology，它会向主div添加一个类。 所以div现在看起来像：

我已经加载了jquery，所以我想这样做。

Answer 1

您可以使用window.location获取当前URL，然后根据它进行切换：

 $(function() { var loc = window.location.href; // returns the full URL if(/technology/.test(loc)) { $('#main').addClass('tech'); } }); 

这使用正则表达式来查看URL是否包含特定短语（特别是： technology ），如果是，则将一个类添加到#main元素。

Answer 2

好吧，我会这样做：

 switch (window.location.pathname) { case '/technology': $('#main').addClass('tech') case '/something': case '/somestuff': $('#main').addClass('some') } 

这样，您可以保持代码清洁，并且可以轻松添加其他案例。

在这里看到window.location.pathname含义。

Answer 3

使用location内置对象来确定完整URL或其中的某些部分。

Answer 4

会有类似下面的帮助吗？ 根据其他答案，只是通过做

执行console.log（window.location的）

，您可以丰富与您的位置对象相关的丰富信息

  if(window.location.href=== "root.com/technology") { $("#main").addClass("tech"); }