最近、フロントエンドの技術の進化とともにajax通信を行った後にリアルタイムでviewをレンダリングしていくなどjavascriptでリッチなユーザー体験をするようなサイトが多くなっています。 そうなると今までのjqueryの使い方では対応できない場合などがあります。 今回はクリックなどのイベント付与に関してまとめました。 まず以下は基本となるhtmlコードです。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>box</title> </head> <body> <div id="contant"> <div class="box js-box"></div> </div> <script src="./js/index.js"></script> </body> </html>