What's the jQuery way of writing this JavaScript?

I don't like the syntax onclick='javascript:doSomething(....

How could I write this in jQuery?

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

You would use event handlers/bindings in jQuery:

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

.click(handler) is a short way of saying .bind('click', handler). Have a look at the event docs for further details. The selector docs should help to find the right selector for your situation.

In jQuery you would use the click() method to assign a function to the onclick event.

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

    return false;
});

The $("#doSomething") references the element with the ID of doSomething

Assume you have <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 + 
    "\"); 
});