什麼是寫這個JavaScript的jQuery方式？

Question

我不喜歡語法onclick='javascript:doSomething(...。

我怎麼能寫這個jQuery？

<a onclick='javascript:doSomething(\"" + 
aName + 
"\",\"" + 
bName + 
"\",\"" + 
aLink + 
"\",\"" + 
aText + 
"\",\"" + 
aUrl + 
"\"); 
return false;' 
href='#'> 
    <img title='Do something' id='doSomethingIcon' src='/images/doSomething.png'> 
</a> 

Answer 1

在jQuery中你可以使用click()方法來分配功能的onclick事件。

$("#doSomething").click(function(e){ 
    doSomething('"'" + aName + '","' + bName + '","' + aLink + '","' + aText + '","' + aUrl + '"'); 

    return false; 
}); 

的$("#doSomething")引用與doSomething

Answer 2

的ID你可以使用事件處理程序/綁定jQuery中的元素：

$('a').click(function() { 
    doSomething(/* ... */); 
    return false; // prevent default behaviour (returning false implies 
        // event.preventDefault and event.stopPropagation) 
}); 

.click(handler)是說.bind('click', handler)的一小段路。查看event docs瞭解更多詳情。 The selector docs應該有助於爲您的情況找到合適的選擇器。

Answer 3

假設你有<a id="testID" href="#"><img...></a>

$('#testID').click(function(e) { 
    e.preventDefault(); // This is same as return; you have. 

    doSomething(\"" + 
     aName + 
     "\",\"" + 
     bName + 
     "\",\"" + 
     aLink + 
     "\",\"" + 
     aText + 
     "\",\"" + 
     aUrl + 
    "\"); 
});