¿Cómo se pasan parámetros a una función jquery?

[IMAC/]

Hola,

Soy nuevo en jQuery y me preguntaba cómo se pueden pasar parámetros a una función en jQuery.

Antes en javascript hacía algo así:

Código HTML:

<a href="#" onclick="muestra('param1', 'param2', 'param3, 'param4');return false;">Click</a>
 

Se que en jQuery puedes extraer atributos como el ID, name o class, pero no me son suficientes para los argumentos que quiero pasar y además, me parece un poco chapuza puesto que yo uso los class e ID's para el diseño de la página.

[Aijoona]

jQuery es una librería JavaScript, así que no va a ser distinto.

Si estás hablando de como pasar argumentos a un *event handler* registrado con jquery es otro tema.

Por lo pronto, tener los listeners directamente en el HTML haría llorar a tu querido (y finado) Steve.

[IMAC/]

¿Y vas a responder con algo que me ayude?

¿Algún ejemplo de una funcion pepe.onclick(function(){.... con jquery y parámetros?

[quike88]

Hola,

No se de donde saques esos parámetros pero si los recuperas de una consulta o algo así, podrías probar esto:

Código HTML:

<a href="#" p1="un_parametro">click</a>
 

Código Javascript:

$("a").click(function(e){
    e.preventDefault();
    var param1 = $(this).attr('p1'):
    muestra(param1);
});
 

Saludos.

[Aijoona]

Iniciado por IMAC/

¿Y vas a responder con algo que me ayude?

¿Algún ejemplo de una funcion pepe.onclick(function(){.... con jquery y parámetros?

Ya estás creando el listener de forma no obstrusiva, consideralo un gran paso.

Si lo que necesitás es bindear datos en un elemento, tenés muchas maneras, todo depende de que estés haciendo.

Suponiendo que estás haciendo alguna chanchada como generar los listeners desde php, una de las alternativa válida sería asignarle atributos data-* con lo que necesitás a cada elemento (parecido a lo que dijo quike, pero un poco más "estándar"):

Código HTML:

<!-- DIV generado con la informacion que necesitas inyectada -->
<div
    class="action-add"
    
    data-type="car"
    data-brand="lada"
    data-model="niva"
    data-year="1995"
></div>
 

Código Javascript:

// Anotate esto, event delegation
$(document).on('click', '.action-add', function(event) {
    var $this, data;
    
    // Cache
    $this = $(this);
    
    data = {
        type: $this.attr('data-type'),
        brand: $this.attr('data-brand'),
        model: $this.attr('data-type'),
        year: $this.attr('data-year')
    };  
    
    // Hacer algo con la info
    
});
 

EDIT: Me olvidaba, si estás usando un link para algo que no representa un link, lo estás haciendo mal. Trata de respetar la semántica de los elementos siempre que sea posible.