Jquery

Jqueryとは

JAVASCRIPTのライブラリであり、Javascriptより簡単にコードを書くことが可能

jQueryの基本構文は以下の通り

$(“セレクタ”).メソッド(“パラメータ[引数]”);

セレクタのサンプル

// divタグを指定
$("div")

// idが myidのものを指定
$("#my_id")

// class指定
$(".my_class")

// 階層構造（divタグの中のクラス my_class を指定）
$("div > .my_class")

// 最初のdivタグを指定
$("div:first")

// visibleになっているdivタグを指定
$("div:visible")

次に、イベントを指定

// クリックイベント
$("div").click():

// formの中身などが変更された際のイベント
$("div").change():

// マウスがhoverしたとき
$("div").hover():

最後に、動作確認

$("div").click(function(){
    alert("divがクリックされました");
});

参考

https://x-tech.pasona.co.jp/media/detail.html?p=2570