如何通过jQuery在针对特定URL的页面上添加类？
通过jQuery在针对特定URL的页面上添加类，可以使用以下步骤：
- 首先，确保在页面中引入了jQuery库。可以通过以下方式引入：<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
- 使用jQuery的
$(document).ready()函数来确保页面加载完成后执行代码。在该函数中，可以使用window.location.href获取当前页面的URL，并根据需要进行判断。 - 使用jQuery的
addClass()函数来添加类。该函数接受一个参数，即要添加的类名。
下面是一个示例代码，用于在特定URL的页面上添加类名为"highlight"的类：
$(document).ready(function() {
if (window.location.href.indexOf("特定URL") > -1) {
$("body").addClass("highlight");
}
});在上述代码中，我们使用indexOf()函数来检查当前页面的URL是否包含"特定URL"。如果包含，则使用addClass()函数将"highlight"类添加到<body>元素上。
这样，当页面的URL符合条件时，就会在<body>元素上添加"highlight"类，从而实现在特定URL的页面上添加类的效果。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
相关·内容
当用户滚动到下一页时，我正在添加一个类。如何在返回页面时删除这个类并添加一个新类？我如何创建页面的数组，并根据它们在哪个页面上，我可以针对特定的元素并相应地添加/删除类？direction){ $('.footage
浏览 10提问于2019-01-10得票数 0
2回答
我有几个iframes指向我的页面上的外部网站。如果这些服务被中断或更改，我希望隐藏这些iframes，而不是在我的页面上显示错误消息。我添加了一个类来隐藏iframe，然后在iframe准备好时用jQuery删除它，如下所示： $('#widget').removeClass('hidden&
浏览 3提问于2015-02-18得票数 2
回答已采纳
我正在尝试有一个按钮，滑动到同一页面上的特定div。我之前已经能够使用href="#div_id“在目标的另一个div具有特定的id时执行此操作。但是，我当前尝试针对的div只有一个类，并且我无法向该特定div添加id。这一切都是在wordpress中实现的，因为我完全是个新手，所以我不知道如何通过j
浏览 0提问于2015-10-09得票数 1
1回答
我正在制作一个带有表格的Wordpress插件，其中列出了mysql表格中的行。每一行都有“编辑”和“删除”按钮。该表还有一个"Add“按钮，用于向表中添加行。为了添加和编辑行，我使用了jQuery对话框，以及一个可以在同一页面上显示任何更改的ajax函数。这意味着，当页面加载时，“添加”和“编辑”按钮具有附加了jQuery函数的类，当它们被单击时将打开
浏览 0提问于2014-02-24得票数 0
3回答
将jQuery添加到母版页
、、、、
在我的ASP.NET常规页面中有以下jquery<head runat="server"> <script src="http://code.jquery.com/jq
浏览 7提问于2009-10-19得票数 1
回答已采纳
2回答
如何锚定其他HTML页面中的段落，同时在点击当前页面中的按钮时突出显示所指向的段落所在的区域？我用JavaScript编写了这段简单的代码，只是做了锚点的事情<html>
<input type=button value="open in new</a></p>我认为“突出显示
浏览 1提问于2009-11-08得票数 1
我正试图通过CSS针对特定的代码段。我没有能力针对html代码本身。我知道，如果有单独的id定义，我可以在特定的页面中更改字体的颜色，但是我遇到了一个实例，其中两个页面都使用相同的id。例如,<div class=text-grey-mid id=loading-wrap-container>This is page 1</div>
第
浏览 0提问于2018-02-08得票数 0
回答已采纳
我得到了所有的功能工作很好，但我更喜欢的提示，分享您的位置不是在网站的每一页。定位服务只需要在站点的两个页面上使用，所以我想知道是否有任何方法只在这些页面上加载设备地理定位服务，或者以某种方式限制它只要求在一个页面上共享位置并记住这一点(独立于浏览器设置)。
浏览 0提问于2013-08-08得票数 2
1回答
我使用以下jquery脚本创建了一个简单的手风琴菜单： $('#nav > li > a').click(function(){$('#nav li a').removeClass('active'); }});
问题是，当我在子页上时如何更改代码，使<em
浏览 5提问于2016-01-19得票数 0
回答已采纳
我有一个非常基本的jQuery脚本，它在页面加载后将标题从下往上滑动。我现在遇到的问题是，只有当用户在“主页”上时，我才需要将这个标题变成幻灯片。// 稍后编辑：感谢大家的帮助！我忘了说我有多个URL，有多个页面。有没有一种方法，我可以得到“当前的网址”的网页，然后附加到它的额外位，这将永远是相同的，即/?pid=xx？示例:我需要用这种格式在页面上动
浏览 3提问于2012-10-10得票数 0
回答已采纳
2回答
在我的网站上我有一个菜单：
<nav>当页面处于活动状态时，链接的背景色会发生变化，下面是生成的CSS和HTML： { padding-top: 3px;
浏览 5提问于2012-09-30得票数 1
回答已采纳
有没有一种方法可以在jQuery手机中更改页面，但仍然具有$(document).ready函数initiate？在调用$.mobile.changePage时，我似乎遇到了一些问题，因为我的页面并不总是完全加载的……
或者，有没有一种方法可以在changePage将页面加载到DOM中后刷新页面，而不是寻找changePage的替代品？
浏览 3提问于2012-07-29得票数 2
回答已采纳
1回答
我试图在wordpress中创建一种将我从一个页面带到另一个页面的方法，而不需要重新加载页面。让我更好地解释一下，我希望在“页面1”的底部有一个导致“页面2”的按钮，通过单击按钮，我希望“Page2”可以直接出现，而不必重新加载页面，并且“页面1”不再出现在页面的顶部。我看到了访问此页面的效果，在底部有"Next project“按钮，它直接加载下一页而不更改页面，隐藏当前页面。
我正在使用Wordpress平台，所以我需要一个兼容的解决方
浏览 0提问于2018-04-11得票数 0
1回答
一个页面滚动在主页上工作(其中定义了div ids )。window.location.href = home(".burger-nav").on("click", function() {
jQuery(".h
浏览 0提问于2017-08-15得票数 0
2回答
页面是：
我希望通过将"active“类添加到特定的"li”来显示我所在的页面，但我的导航是一个include。我知道如何在单页滚动站点上做到这一点，因为我只是检测到当我单击一个链接并将一个类添加到父'li‘时。当我使用一个包含( nav )而不是一个固定的nav(页面上的代码)时，我不确定我是如何
浏览 0提问于2017-03-25得票数 0
我在Shopify中有一个特定的产品页面(尽管这当然适用于在URL查询中默认选择了一个变体的任何URL。我希望在这个页面加载时，类会立即添加到一个div的加载中。基本上，它在寻找URL中包含此变体的URL。所以我想我可以把它缩短为?variant=12345。也许不是？
我正在尝试这个jQuery脚本，但它只是不起作用。这里的正
浏览 1提问于2022-11-18得票数 0
在特定的页面上，在特定的条件下，我需要在页面卸载的SQL中运行update语句。它需要在用户到达下一页之前完成。我使用的是JQuery 1.8.3。通过阅读它，我尝试了“异步:假”，这似乎一开始并没有修复我的问题，直到我检查了我的表，并看到这个值正在更新(只在添加了“异步: false”之后)。根据进一步<em
浏览 3提问于2013-10-16得票数 1
回答已采纳
在将massAction添加到新的Magento模块后，我将被重定向到该模块的主页，而不是最后一个。protected function _prepareMassaction() parent::_
浏览 4提问于2013-12-13得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
