jQueryイベントとthis

1. thisとは
イベントが発生した要素

2. $(‘p’).click(function(){
});
thisとは
イベントが発生した要素
Pタグを
クリックしたら

3. $(‘p’).click(function(){
});
thisとは
イベントが発生した要素
Pタグを
クリックしたら
”クリックしたPタグ”
が、発生した要素

4. $(‘p’).click(function(){
$('p').css('color','red');
});
”クリックしたPタグ”
が、発生した要素
クリックしたPタグ
thisとは

5. $(‘p’).click(function(){
$(this).css('color','red');
});
”クリックしたPタグ”
が、発生した要素
クリックしたPタグ
thisとは

6. 複数のイベントがある時
$('p').on({
'mouseover': function(){
$('p').css('color','red');
},
'click':function(){
$('p').fadeOut();
}
});

7. 複数のイベントがある時
$('p').on({
'mouseover': function(){
$(this).css('color','red');
},
'click':function(){
$(this).fadeOut();
}
});