jQuery----事件

一個典型的格式如下：

$(document).ready(function() {
    $('thingToTouch').event(function() {
        $('thingToAffect').effect();
    });
});

如：

$(document).ready(function() {
    $('button').click(function() {
        var toAdd = $("input[name=message]").val();
        $('#messages').append("<p>"+toAdd+"</p>");
    });
});

幾個典型的事件：

1. click
2. dblclick
3. hover
4. focus

當天我們也可以新增多個function

$('div').hover(
    function(){
      $(this).addClass('highlight');
    },
    function(){
      $(this).removeClass('highlight');
    }
);

如焦點進入邊框變紅：

$(document).ready(function() {
    $('input').focus(function() {
        $(this).css('outline-color','#FF0000');
    });
});