jquery - 如何使用 jQuery 自动切换样式表?

标签 jquery safari css

我再试试问。我的问题被删除了一次,显然是因为 similar question已经被问过了。当作为对类似问题的回复发布时,它再次被删除,显然是因为不够相似。

我的问题:

这(“类似问题”的解决方案,上面的链接)是否跨浏览器兼容,即这是否适用于所有浏览器?另外,应该在 jQuery 文件中添加什么以使样式表自动切换(白天的浅色样式和夜间的深色样式)?

*如果 .js 用于 javascript 文件,.jq 是否用于 jQuery?这是我第一次看到 jQuery 解决方案,因为我通常会在 ol 搜索引擎中键入“javascript”。

希望这能得到答复,不要被第三次删除。

最佳答案

你不需要切换样式表,你只需要切换样式。

<body class='day'>

<body class='night'>

那么你可以:

.day {
    background-color:#ffffff
}

.night {
    background-color:#808080
}

然后您可以通过以下方式控制它:

$('body').removeClass('day')
$('body').removeClass('night')

围绕它包装一些基于日期时间的逻辑,您就可以开始了。

您还可以像这样对其他页面元素进行子类化以延续主题:

.day h1 { ...  }
.night h1 { ... }

关于jquery - 如何使用 jQuery 自动切换样式表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9202125/

相关文章:

javascript - Bootstrap 下拉设置选定值

html - Safari 嵌套 z-index 问题

css - Safari 中不显示背景色

jquery 下拉列表在所有浏览器中工作,但 IE

javascript - 如何在表单中点击下一步添加幻灯片效果?

javascript - 删除 div 之间的垂直空白,尤其是在遇到断点之后

jquery - 两个屏幕分辨率的重要属性

javascript - 获取 3 列中每列动态添加的最低值的总和

css - 我可以让为 OS X 上的 safari 编写的 CSS 在 chrome for windows 中工作吗?

html - Span 的元素内容显示不全