jQueryの基本的な実装方法

①実装したい部分を部分テンプレート化します。

②、部分テンプレートを挟むように囲い、htmlのコードにidを付与してあげます。
divでなくとも、idを付与してあげることには変わりありません。
例は以下の通りです

例１

<div id = "chaterror">
    <%= render "layouts/error_messages", model: @chat %>
</div>

例2

 <tbody id="messages">
　　 <% @chats.each do |chat| %>
     <%= render 'message', chat: chat %>
    <% end %>
</tbody>

jsコードには、
$('# idを付与した名前’）　.html(' <%= j(部分テンプレート）％>')
が基本の形です。
(html以外にも、appendなどがありますが、今回はhtmlを紹介します。）

例１で言うと、
create.js

$('#chaterror').html(' <%= j(render "layouts/error_messages", model: @chat) %>')

でこの場合のコードはエラーメッセージが非同期で実装されます。