omparação de uso da memória @Browser: onClick em linha vs. usando JQuery .bind ()

Tenho ~ 400 elementos em uma página com eventos de clique vinculados a eles (4 tipos diferentes de botões com 100 instâncias de cada, os eventos de clique de cada tipo executam a mesma função, mas com parâmetros diferentes

Preciso minimizar os impactos no desempenho que isso possa ter. Que tipo de desempenho estou levando (memória etc) vinculando eventos de clique a cada um deles individualmente (usando @ da JQuebind())? Seria mais eficiente ter uma linhaonclick chamando a função em cada botã

Edit para esclarecimento :):
Na verdade, tenho uma tabela (gerada usando JQGrid) e cada linha tem colunas de dados seguidas por 4 colunas de 'botão' de ícone - excluir e três outras funções de negócios que fazem chamadas AJAX de volta ao servidor:

|id|description|__more data_|_X__|_+__|____|____|
-------------------------------------------------
| 1|___data____|____data____|icon|icon|icon|icon|  
| 2|___data____|____data____|icon|icon|icon|icon|   
| 3|___data____|____data____|icon|icon|icon|icon|   
| 4|___data____|____data____|icon|icon|icon|icon|    

Estou usando o formatador personalizado do JQGrid http: //www.trirand.com/jqgridwsiki/doku.php? id = wiki: custom_formatter) para criar o ícone 'botões' em cada linha (não consigo recuperar o HTML do botão do servidor

Está aqui na minha função de formatador personalizado que posso facilmente criar o ícone HTML e o código em uma linhaonclick chamando as funções apropriadas com os parâmetros apropriados (dados de outras colunas nessa linha). Eu uso os dados nas colunas da linha como parâmetros para minhas funçõe

    function removeFormatter(cellvalue, options, rowObject) {       
        return "<img src='img/favoritesAdd.gif' onclick='remove(\"" + options.rowId + "\")' title='Remove' style='cursor:pointer' />";
    }

Então, posso pensar em duas opções:
1) inlineonclick como expliquei acima
--ou-
2)delegate() (como mencionado nas respostas abaixo (muito obrigado!))

Crie a imagem do ícone (cada tipo de ícone tem seu próprio nome de classe) usando o formatador personalizado.Defina o íconedata() aos seus parâmetros no afterInsertRow Evento JQGrid.Aplicar odelegate() manipulador de botões de classes específicas (como @KenRedler disse abaixo)
>    $('#container').delegate('.your_buttons','click',function(e){  
>      e.preventDefault();  
>      var your_param = $(this).data('something'); // store your params in data, perhaps  
>      do_something_with( your_param );  
>    }); //(code snippet via @KenRedler)

Não sei ao certo qual é a opção nº 2 de uso intensivo de navegador ... mas eu gosto de manter o Javascript longe dos meus elementos DOM:)

questionAnswers(3)

yourAnswerToTheQuestion