用Javascript中的类调用一个类[重复]

Posted 2023-03-05

【中文标题】用Javascript中的类调用一个类[重复]

【英文标题】：Call a class with a class in Javascript [duplicate]

【发布时间】：2016-09-20 00:11:40

【问题描述】：

这可能是一个愚蠢的问题。

我有这门课

<div class="about_us aperto">

如何在 JS 函数中调用它？ 我正在尝试：

$('.about_us aperto').click(function()...
$('.about_us .aperto').click(function()...

但它们不起作用。

【问题讨论】：

你可以这样$('.about_us.aperto').click(function()...，去掉中间的空格

【参考方案1】：

您必须将它们连接起来。正确的选择器是：

$('.about_us.aperto')

【参考方案2】：

如果您想选择具有多个类的元素，例如 <div class="classA classB ClassC"></div>，那么只需在 javascript 中将它们连接在一起，即 $('.classA.classB.classC').click(function() ...);

$('.about_us.aperto').click(function() 
  $(this).toggleClass('active');
);

.active 
  background: #0f0;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="about_us aperto">
  <p>Lorem ipsum dolor sit amet</p>
</div>