Действие jQuery при нажатии на 2 класса

242

11 ноября 2017, 13:01

Работает:

$(document).on("click", ".class1", function(e){
  $('#id').css("display", 'none');
});

Возможно ли обработка 2 классов так что-то типа:

$(document).on("click", ".class1",".class2", function(e){

Или однозначно надо присваивать один класс всем блоками например:

<div class="one class1">1</div>
<div class="two class1">1</div>

Answer 1

Вполне себе работает перечисление, если это необходимо:

$(document).on('click', '.one,.two', function(e) { 
  console.log($(this).text()); 
});

div { 
  width: 40px; 
  height: 40px; 
  border: 1px solid red; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="one class1">1</div> 
<div class="two class1">2</div>

Answer 2

jQuery прекрасно работает с CSS селекторами

$('.one,.two').on('click', function(e) { 
  console.log(this.innerHTML) 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button class="one">1</button> 
<button class="two">2</button>