jquery - 如何检测某个类的存在并添加或删除另一个类?

标签 jquery

我有以下内容:

<html lang="en" class="no-js theme-light"> or
<html lang="en" class="no-js xxx yyy theme-light">

我想这样做,以便单击链接会将其更改为:

<html lang="en" class="no-js theme-dark"> 
<html lang="en" class="no-js xxx yyy theme-dark"> 

再次单击会将其更改回来。即删除 theme-dark 并添加 theme-light

有人可以解释一下我如何使用 jQuery 做到这一点吗?

 $('#sidebar-theme-switch').click(function (e) {
    ???
 });

最佳答案

$('#sidebar-theme-switch').click(function() {
    $('html').toggleClass('theme-light theme-dark')
});

LIVE DEMO

toggleClass

Description: Add or remove one or more classes from each element in the set of matched elements, depending on either the class's presence or the value of the switch argument.

关于jquery - 如何检测某个类的存在并添加或删除另一个类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11290251/

相关文章:

javascript - 我的网络应用程序用户如何单击按钮来播放本地存储的 mp3 文件?

jquery - 如何让jquery文件上传回发除[httpPost]index.cshtml()之外的指定操作?

javascript - 使用 jQuery 显示更多/更少的项目

javascript - 在 Chart.js 中更改 X 和 Y 轴值的颜色

javascript - 如果按下了有效字符,如何检查 div 上的 keydown

javascript - 在 JS 中编辑服务器端文件

javascript - 打开和关闭功能

jQuery:显示和隐藏其他列表中等效位置的列表元素

带有元素 id 的 JavaScript 数组

javascript - 在 JQuery 中动态设置输入验证范围