23.[Javascript, jQueryの応用]

23.[Javascript, jQueryの応用]:

1.parent()

指定した要素の親要素を取得

$(function() { 
  $('#parent_target').parent().css('background-color', 'red'); 
}); 

2.find()

指定した要素の子要素を取得

$('#find').find('#find_target').css('background-color', 'blue'); 

3.siblings()

指定した要素の兄弟要素を取得

$('#siblings_target').siblings().css('background-color', 'green'); 

4.next()

指定した次の要素を取得

$('#next_target').next().css('background-color', 'yellow'); 

5.this

関数の中でthisを使うと、イベントの発生源となった要素を取得することができる

6.イベントオブジェクト

イベントに関する情報を持つオブジェクト

$('form').on('submit', function(e) { 
    console.log('送信ボタンが押されました'); 
    e.preventDefault(); 
  }); 

7.preventDefault()

ブラウザが最初から持っているアクションをキャンセルするメソッド