jquery - jQueryのクリック機能をリンククラスにアタッチ

Question

私はjqueryが初めてで、クリック関数をリンククラスにアタッチする方法について少し混乱しています。

もともと、次のように onClick 関数をリンク ID 自体にアタッチしました。

<div class="summary" style="display:none"></div>
<a id="moreAbout" href="#" >More about #{machine.client_name}</a>

<script> 
  "#moreAbout".onClick(function(event) { 
    event.stop();  
    $$('.summary')[0].slide(); 
    $$('.summary')[0].load("/machine");
  });
</script>

機能は問題なく機能しました。(基本的に、div を表示および非表示にするためにクリックするリンクがあります)

ここで、同じ関数を複数のリンクにアタッチする必要があります。見つけたすべてのヒントを試しましたが、機能をリンク クラスにアタッチする際に問題が発生する可能性があると思います。

私が見つけた最も一般的な解決策は次のとおりです。

<div class="summary" style="display:none"></div>
<a class="moreAbout" id="alink" "href="#" >More about #{machine.client_name}</a>

<script> 
  $('a.moreAbout').click(function(event) { 
    event.stop();  
    $$('.summary')[0].slide(); 
    $$('.summary')[0].load("/machine");
  });
</script>

機能が機能することを確認することはもちろん、メソッドをアタッチすることもできないようです。

これが機能しない理由についての洞察はありますか?