click()10タイトルとURLをコピーある要素をクリックしたらある処理を実行するというのは、JavaScriptでは定番のコーディングです。jQueryを使わずに、以下のようにonclickを使い記述することもありますが、最近ではHTMLとJavascriptが混在しているのはあまり良いコーディングとはされていません。「デザイン(CSS)と構造(HTML)は分離させること」はJavaScriptも同じです。world')">クリックしてください</p>そこで、今回はクリックイベントを元にした処理をjQueryでスマートに記述する方法について紹介します。イベントを指定するon()バージョン1.7から追加された、on()メソッドを使ったクリックイベントの処理です。指定した要素がクリックされた場合、イベントハンドラ「function(){〜}」で記述した処理が実行されます。以下の例は、ボタンをクリックすると、「クリックされました」というアラートが出るサンプルです。{alert("クリックされました");});複数のイベントを定義できるまたon()メソッドでは、引数にキーにイベントタイプ、値にイベントハンドラを指定したオブジェクトを渡すことで複数のイベントを定義できます。.live()はバージョン1.9で削除されており、バージョン1.7以上のjQueryを使う場合は.on()を使用してイベントハンドラをすると良いでしょう。クリックイベントで処理を実行するclick()jQueryのちょっと古いコードを読むとよく見るのがこのclick()メソッドです。)」のショートカットとなっています。on()メソッドと比較すると、複数イベントを定義できないといったデメリットもあるのでon()を使うほうがよいでしょう。MILKはより良いサービスやプロダクトを作りたい人のためのメディアです。