Javascript 使用jQuery向*添加CSS代码

我正试图通过点击一个按钮，用jQuery添加这个类。 我必须添加/删除它，但我不太清楚确切的jQuery代码。使用jquery1.12

重要注意事项- 我必须在焦点状态的当前CSS和更改的CSS（添加边框）之间切换。这必须发生在页面上的所有元素上

jQuery代码：

$("#button").on('click', function() {
//jQuery Code needed to add the class/style.
}

CSS代码：

*:focus {
    border:3px solid black !important;
}

我会：

$("#button").on('click', function() {
   $('div').addClass('focus'); // or toggleClass
}

---

阅读更多：，

.css（属性名称，值）

-->

---

您可以使用

*

选择器

这是密码

$（“按钮”）。在（'click'，function（）上{
var elementCount=$（“#test”）.find（“*”）.css（“border”，“3px实心红色”）.length；
});
h2，
跨度
p{
宽度：80px；
高度：40px；
浮动：左；
填充：10px；
利润率：10px；
背景色：#EEEEEE；
}

氢
跨度
p

按钮
我只会更改主体的类别

document.querySelector('#button').addEventListener('click', function(e) {
   document.body.classList.toggle('-changedFocus');
});

对于css

body.-changedFocus *:focus {
  // your changes
}

最后，我使用java脚本绑定焦点事件，并使用add class/remove class来处理这个问题


document.addEventListener（'focus'，函数（e）{
var focused=$（“：focus”）；
focused.addClass（'className'）；
focusout（函数（）{
$（this.removeClass（'className'）；
});
}，对）
*
表示聚焦时每个元素都有一个边框。您需要聚焦到元素：
$（this.focus（）。如果您想在类名中使用这些样式，只需将声明更改为
*：focus、.do focus{
，然后您就可以使用
$（this）.addClass（'do-focus'）
So“#按钮”单击是否要为所有元素添加边框？是的，仅当元素处于焦点时才添加边框！这意味着我可以使用按钮切换网页上所有元素的焦点状态。一次带边框，一次不带边框。这将是此上下文的理想解决方案。我必须对页面上的所有元素执行此操作，当它们处于焦点状态时cused..我正在考虑使用$（'*'）。onfocus（）试试$（'div:focus'）。addClass（'newclass'）；//或者toggleclasse也检查一下：我没有类“元素”对于页面上的所有标记..想象一下，我需要覆盖所有标记的HTML/CSS默认行为，然后将其带回来！现在是按钮、标记、每个可聚焦元素。这是一个非常糟糕的解决方案它可以包装在一些div中以提高性能。我已经编辑了答案。我知道这不是最好的解决方案，但我知道它不是我是根据这个问题申请的
document.querySelector('#button').addEventListener('click', function(e) {
   document.body.classList.toggle('-changedFocus');
});

body.-changedFocus *:focus {
  // your changes
}