jquery - 单击在多个元素上添加和删除多个类

标签 jquery html css

我试着环顾四周,但找不到我需要做的事情。也不确定是否有插件可以执行以下功能:

我为两个不同的摄影工作室建立了一个网站,例如工作室 01,工作室 02。 在右侧的标题中,我有两个标签可以在两个工作室之间切换。现在最初我打算让工作室 1 重复工作室的不同背景图像,但它看起来很愚蠢,因为除了背景图像之外它们几乎具有相同的内容。因此,当用户点击 studio 02 时,整个页面的类将被添加和删除,因此背景图像可以改变等。

因此,对于更多细节,我真正需要的是:按钮 1 (Studio 01) 在页面加载时处于事件状态。当您单击 studio 02 按钮时,按钮 1 变为非事件状态,按钮 2 变为事件状态。然后我需要将类添加到页面上的不同元素并删除页面上的当前类。这显然也需要反向工作,所以当您返回 studio 01 时,上述情况会再次发生。这有意义吗?

我想提供代码,但代码太多了。目前,当前站点位于:dreasynk.com/rosewater

任何帮助将不胜感激,甚至你们任何人都可以将我引导到这样一个已经回答过的主题或我可以使用的插件。

最佳答案

我推荐你使用 AngularJS 的方法 ngShow,看看 AngularJS.org

这是 Google 团队提供的一个非常简单的解决方案。

关于jquery - 单击在多个元素上添加和删除多个类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23723932/

相关文章:

php - 多个 HTTP 文件上传

html - 如何从 HTML 而不是 CSS 调用图像 URL?

html - 是否可以使用 css 包含 html 片段?

JavaScript:在第 n 个斜杠后剪切 URL

javascript - jquery 自动完成文本框不适用于使用 ASP.NET 的更新面板

javascript - 如果输入与标签匹配,则停止将无结果标签添加到输入中

javascript - 如何检查 iframe 是否为空/空/未定义?

html - 为什么 Firefox 渲染调整后的图像如此糟糕?

CSS Masonry 类型图像布局响应

php - onchange 下拉列表动态设置最大值 yii CMultiFileUpload