如何知道点击时选择了多少类元素？

在前端开发中，可以通过以下几种方式来知道点击时选择了多少类元素：

使用JavaScript事件处理程序：通过给目标元素添加事件监听器，当元素被点击时触发相应的事件处理函数。在事件处理函数中，可以使用DOM操作方法（如querySelectorAll）选择符合特定条件的元素，并获取它们的数量。

示例代码：

document.getElementById('targetElement').addEventListener('click', function(event) {
  var selectedElements = document.querySelectorAll('.selected');
  console.log('选择了' + selectedElements.length + '个元素');
});

使用jQuery库：jQuery是一个流行的JavaScript库，提供了简化DOM操作的方法。通过使用jQuery选择器和事件处理函数，可以轻松地获取选择的元素数量。

示例代码：

$('#targetElement').click(function() {
  var selectedElements = $('.selected');
  console.log('选择了' + selectedElements.length + '个元素');
});

使用CSS类名：在HTML中，可以为选中的元素添加一个特定的CSS类名，并使用CSS选择器选择这些元素。然后，通过JavaScript获取具有该类名的元素数量。

示例代码：

<style>
  .selected {
    background-color: yellow;
  }
</style>

<div id="targetElement">
  <div class="selected">元素1</div>
  <div>元素2</div>
  <div class="selected">元素3</div>
</div>

<script>
  document.getElementById('targetElement').addEventListener('click', function(event) {
    var selectedElements = document.getElementsByClassName('selected');
    console.log('选择了' + selectedElements.length + '个元素');
  });
</script>

以上是几种常见的方法，根据具体需求和项目情况选择适合的方式来获取选择的元素数量。