Question

我有一个html div，如下所示。

<div class="product-layout">
      <div class="product-thumb">
        <div class="image"> 
          <h1>welcome</h1>
        </div>
      </div>
    </div>

当我在类产品布局中使用addclass函数时，它不起作用。

 $(".product-layout").addClass("dontshow");

这是我指定的方式。请让我知道是否有解决方案。

Answer 1

如果要在加载时添加类，请尝试此操作。你应该包括jQuery插件

$(document).ready(function() {
   $(".product-layout").addClass("dontshow");
});

.dontshow{
  background-color:#f00;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="product-layout">
      <div class="product-thumb">
        <div class="image"> 
          <h1>welcome</h1>
        </div>
      </div>
    </div>

Answer 2

我已经用jquery更新了类，请确保将脚本放置在页面底部，即页脚底部。

$(document).ready(function(){
    $(".product-layout").addClass("dontshow");
});

.dontshow {
background-color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="product-layout">
        <div class="product-thumb">
          <div class="image"> 
            <h1>welcome</h1>
          </div>
        </div>
      </div>

.addclass（）函数不适用于jquery

2 个答案: