onclick = "func()" o .click()?

Question

Mi chiedevo quale dei due metodi sia preferibile o è la linea guida generale che usi $ (elem) .click() per cose semplici e < a onclick = "func (1, 2, 3, 4);" > quando è necessario passare parametri allo script quando si fa clic sull'elemento? Ho cercato di usare solo $ (elem) .click() per mantenere il codice pulito e semplice, ma quando devi passare più di un parametro diventa complicato e la chiamata di funzione su onclick = "" sembra una soluzione migliore .

Answer 1

$(elem).click(function() { 
    func(1,2,3,4); 
}); 

Sembra che quello che vuoi, no?

Answer 2

Preferisco usare $ (elem) .click() per mantenere il mio codice HTML privo di javascript, lo considero più pulito.

Answer 3

Una delle idee principali di jQuery è javascript non invadente (ad esempio HTML e JavaScript sono due grandi gusti che non hanno un buon sapore insieme). L'uso dell'oggetto jQuery e dei selettori per collegare le funzioni è ciò che preferirebbe fare.

Answer 4

Se i parametri potrebbero essere determinati al momento del clic, vorrei suggerire il metodo di rilegatura:

$('a').click(function(){ someFunc(this.val, 2, 3, 4); }) 

Un caso ho potuto pensare di farlo in linea, è che se si sta costruendo multipla collegamenti in un ciclo in cui params 1, 2, 3 o 4 sono diverse in base a una variabile di back-end o qualcosa:

<% for(int i = 0; i < 4; i++) { %> 
    <a onclick="someFunc(1,<%= i %>,3,4"></a> 
<% } %> 

Personalmente, cerco sempre di legarsi alla manifestazione in un $ (document) .ready() richiama.

Spero che questo aiuti

Answer 5

È possibile passare parametri a una funzione quando si utilizza jQuery:

$(".selector").click(function() { func(1,"2", someVar); }); 

preferisco usare sempre jQuery per la gestione mio evento. Non mi piace mettere alcun comportamento nel mio codice HTML, anche con onclick e eventi correlati.

Inoltre, se si fa clic programmaticamente su qualcosa utilizzando $(".selector").click() e si dispone di un gestore collegato utilizzando sia onclick e jQuery, chiamerà prima il gestore jQuery, quindi il gestore impostato utilizzando l'attributo. Ma se fai clic con il mouse, è il contrario. Potrebbe essere inaspettato e finire per dare grattacapi in fondo alla strada.

Answer 6

mi piacerebbe andare con il click() pure, se si dispone di ulteriori parametri che si desidera passare alla funzione, aggiungerli a qualsiasi degli attributi dell'oggetto, io di solito uso rel come questo:

<a href="#" class="link" rel="parameter1, parameter2, etc">Link</a> 

nello script si può fare questo:

$('.link').click(function() { 
var parameters = $(this).attr('rel').split(','); 
// Do something 
return false; 
})