Javascript添加类并保持原始_Javascript_Jquery

Javascript添加类并保持原始

javascript jquery

Javascript添加类并保持原始,javascript,jquery,Javascript,Jquery,我正在使用以下命令： url=location.href fname=url.match(/.*\/(.*)\./)[1] document.body.className=fname 这是URL的一部分，并使用从URL提取的文本向标记添加一个类但是，该方法的问题是，只有在尚未指定类的情况下，才能应用该类我真的在寻找类似JQUERY.addClass函数的东西，所以body变成： <body class="originalClass filenameClass"> ... &

我正在使用以下命令：

url=location.href
fname=url.match(/.*\/(.*)\./)[1]
document.body.className=fname

这是URL的一部分，并使用从URL提取的文本向

标记添加一个类

但是，该方法的问题是，只有在尚未指定类的情况下，才能应用该类

我真的在寻找类似JQUERY

.addClass

函数的东西，所以body变成：

<body class="originalClass filenameClass">

...

</body>

...

document.body.className+=“”+fname

您不必替换该类，只需像这样附加到它：

document.body.className += " " + fname

您可能希望对通过querystring到达的所有内容运行一些验证…

使用JQuery，您可以执行

$（“body.className”）.addClass（fname）

，或者类似地，不使用JQuery，您可以根据

classList返回元素的class属性的标记列表

因此，您可以：

document.body.classList.add(fname);

它将像jQuery的addClass方法一样工作。只添加一次类并保留现有类

您还可以执行以下操作：

document.body.classList.remove(fname);

如果以后要删除该类

toggle和contains方法也可在本机使用

只是好奇；为什么不使用jQuery？如何使用jQuery实现这一点？@danit:

$（'body'）.addClass（fname）

@danit，为什么说类似于jquery.addClass（），然后问jquery是否能做到？？？