Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
隐藏多个元素&;使用Javascript添加样式_Javascript_Jquery_Html_Css - Fatal编程技术网

隐藏多个元素&;使用Javascript添加样式

隐藏多个元素&;使用Javascript添加样式,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我只能使用JavaScript编辑我的签出页面,我试图用最少的字符量隐藏和添加多个元素的样式 下面是其中一个元素的示例 <div class="section section--remember-me shown-if-js"> <div class="content-box__row content-box__row--tight-spacing-vertical content-box__row--secondary"> 如果块不需要分号,顺便说一句 docume

我只能使用JavaScript编辑我的签出页面,我试图用最少的字符量隐藏和添加多个元素的样式

下面是其中一个元素的示例

<div class="section section--remember-me shown-if-js">

<div class="content-box__row content-box__row--tight-spacing-vertical content-box__row--secondary">

如果块不需要分号,顺便说一句

document.querySelectorAll(".section--example:not(.example1)").forEach(hide);

function hide(element) {
    element.classList.add("hidden");
}

要在jQuery中影响HTML类中的所有元素,如下所示:

$(function(){
  $('.sectionExample').css('background', '#000;');    
});


如果(document.querySelector('.section--example')!==null{--这部分是因为此代码应该只在页面上存在此节时执行。我想您应该使用
.queryselectoral()
并在数组状的元素对象上循环,在vanilla JS中,或者只使用
$('.classNameHere')
来处理
.each()
在jQuery中。如果我可以将“隐藏”添加到这个特定部分的标题中,但不能添加任何其他很酷的标题,但如果不能,第三个标题仍然可以工作。抱歉,这个问题很混乱。请提供相关代码的完整示例(HTML+JS)并告诉我们您到底想要实现什么以及您已经尝试了什么。好的,我正在尝试通过删除不必要的元素来优化我的网站上的签出过程,并且我想增加完整签出按钮的大小。我没有访问签出页面的权限,但我可以添加在签出期间运行的javascript。这里有人们看到的三个页面,我想确保此脚本不会运行,除非它们位于最后一个页面上。如果(document.querySelector('.section--example')!==null){};--我用它来确保脚本的这一部分只在特定页面上执行。有没有更好的方法来确保它只在包含这些元素的特定页面上运行?我不确定你的观点,但事实是分号不属于if块的末尾。
document.querySelectorAll(".section--example:not(.example1)").forEach(hide);

function hide(element) {
    element.classList.add("hidden");
}
$(function(){
  $('.sectionExample').css('background', '#000;');    
});
$(function(){
  $('.sectionExample').each(function(increment, element){
    var current = $(element);
    current.css('background', '#000;');
    // this way is more versatile, if working with other Elements
  });    
});