jQuery $(function(){...})・クリックイベント

■$(function(){...})

JS処理を一旦予約状態で止め

HTMLの読み込みが全て完了後にJSを実行する指示

■イベントを用いて、ある処理を行うタイミングを設定

$('セレクタ').イベント名(function(){ イベント発生時に実行したい処理 });

例）clickイベント…セレクタがクリックされた時に処理をする

　　#text　要素に対するclickイベントを作成

html 

<div id="text">Hello, World!</div>

$('セレクタ').イベント名 (function(){ イベント発生時に実行したい処理   });

$('#text'). click    (function() {  $('#text').slideUp(); }); 

$(function(){...})と組み合わせる

 $(function() { $('#text'). click    (function() {  $('#text').slideUp(); }); });