jQuery mismo evento de clic para múltiples elementos

¿Hay alguna forma de ejecutar el mismo código para diferentes elementos en la página?

$('.class1').click(function() {
   some_function();
});

$('.class2').click(function() {
   some_function();
});

en lugar de hacer algo como:

$('.class1').$('.class2').click(function() {
   some_function();
});

Gracias

$('.class1, .class2').on('click', some_function);

O:

$('.class1').add('.class2').on('click', some_function);

Esto también funciona con objetos existentes:

const $class1 = $('.class1');
const $class2 = $('.class2');
$class1.add($class2).on('click', some_function);

Normalmente uso en onlugar de click. Me permite agregar más oyentes de eventos a una función específica.

$(document).on("click touchend", ".class1, .class2, .class3", function () {
     //do stuff
});

¡Espero eso ayude!

$('.class1, .class2').click(some_function);

Asegúrese de poner un espacio como $ ('. Class1, space here.class2') o de lo contrario no funcionará.

Simplemente use $('.myclass1, .myclass2, .myclass3')para múltiples selectores. Además, no necesita funciones lambda para vincular una función existente al evento click.

Otra alternativa, suponiendo que sus elementos se almacenan como variables (que a menudo es una buena idea si accede a ellos varias veces en un cuerpo de función):

function disableMinHeight() {
    var $html = $("html");
    var $body = $("body");
    var $slideout = $("#slideout");

    $html.add($body).add($slideout).css("min-height", 0);
};

Aprovecha el encadenamiento de jQuery y le permite usar referencias.

Si tiene o desea mantener sus elementos como variables (objetos jQuery), también puede recorrerlos:

var $class1 = $('.class1');
var $class2 = $('.class2');

$([$class1,$class2]).each(function() {
    $(this).on('click', function(e) {
        some_function();
    });
});

Agregue una lista de clases separadas por comas como esta:

jQuery(document).ready(function($) {

$('.class, .id').click(function() { 

//  Your code

    }

});

Podemos codificar como el siguiente también, he usado el evento de desenfoque aquí.

$("#proprice, #proqty").blur(function(){
      var price=$("#proprice").val();
      var qty=$("#proqty").val();
      if(price != '' || qty != '')
      {
          $("#totalprice").val(qty*price);
      }
  });

Tengo un enlace a un objeto que contiene muchos campos de entrada, lo que requiere ser manejado por el mismo evento. Así que simplemente uso find () para obtener todos los objetos internos, que necesitan tener el evento

var form = $('<form></form>');
// ... apending several input fields

form.find('input').on('change', onInputChange);

En caso de que sus objetos estén un nivel abajo, se puede usar el enlace children () en su lugar find () .

Además de los excelentes ejemplos y respuestas anteriores, también puede hacer un "hallazgo" para dos elementos diferentes utilizando sus clases. Por ejemplo:

<div class="parent">
<div class="child1">Hello</div>
<div class="child2">World</div>
</div>

<script>
var x = jQuery('.parent').find('.child1, .child2').text();
console.log(x);
</script>

Esto debería generar "HelloWorld".