variables en selectores Jquery

[miguiperez]

Hola, estoy empezando con Javascript y Jquery. Estoy utilizando Jquery porque algunas cosas me parecen más sencillas, pero hay otras que no sé hacer. Por ejemplo, tengo dos botones que esconden divs, con javascript lo que hago es llamar a una función y le paso la clase de los divs que quiero ocultar, de esta forma:

Código Javascript:

function ocultar(clase) {
  resultado = document.getElemenstByClassName(clase);
  for(i=1; i < resultado.lenght(); ++i) resultado[i].style.display='none';
}
 

Entonces lo llamo a traves de un href en el botón:
Botón 1: href="javascript:ocultar(clase_que_quiero_ocultar) "
Botón 2: href="javascript:ocultar(clase_que_quiero_ocultar2 )"

En Jquery es más fácil seleccionarlo y además le he podido dar efectos, me quedaría así:

Código Javascript:

$(function() {
  $("#boton").click(function(event) {
    event.preventDefault();
    $(".clase_que_quiero_ocultar").fadeIn();
  });
  $("#boton2").click(function(event) {
    event.preventDefault();
    $(".clase_que_quiero_ocultar2").fadeIn();
  );
 
});
 

Como veis, en Jquery tengo que hacer dos funciones, y tendría que hacer n funciones para n botones, mientras que con la función de javascript con una sola ya funciona.

Mi pregunta es: como juntar las dos cosas, una función de javascript con los efectos y las selecciones de las clases de Jquery. Sería sin utilizar el evento click(). También me gustaría saber si hay alguna forma mejor de hacerlo y no la que describo yo.

saludos

[maycolalvarez]

usa clases:
para
<input class="botones" id="boton1" ...
<input class="botones" id="boton2" ...
<input class="botones" id="boton3" ...
...
<div id="clase_boton1" ...
<div id="clase_boton2" ...
<div id="clase_boton3" ...
...
usas:

Código Javascript:

$(".botones").click(function(event) { 
        event.preventDefault(); 
        $("#clase_"+$(this).attr('id')).fadeIn();  //as obtengo el id del boton y lo asocio a la capa correspondiente (por ID)
    });
 

recuerda que los selectores de jQuery siguen el principio de CSS (con algunas diferencias)

[caricatos]

Tema movido desde javascript

[miguiperez]

No había visto que había un subforo dentro de Javascript.

Ya he solucionado el problema, gracias.