【入門者向け】jQuery復習表 #jQuery

jQueryの入門書などを一度目を通したことがある人向け
覚えとかなきゃいけない所を簡易的にまとめました。

読み込みと記述場所

</body>の前に記述
jQueryのライブラリー本体をCDNで読み込んだあと、<script></script>内に書いていこう

html

<html>
<head>
</head>
<body>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
  //ここにコードが入ります
</script>
</body>
</html>

※外部ファイルで読みこむ場合はこれ

html

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="フォルダ名/ファイル名.js"></script>

基本構文

必ず書こうreadyメソッド（HTMLの読み込みが終わった後に、スクリプトが実行される）

jQuery

$(function (){
  //ここにコードが入ります
});

セレクタ（操作したい要素）とメソッド（命令）で処理を記述

jQuery

$(function (){
  $("セレクタ").メソッド("引数");
});

イベントで命令が実行されるタイミングをコントロール
※セレクタAとセレクタCが同じときは、セレクタCは「this」

jQuery

$(function(){
  {$(セレクタA).イベントB(function(){
    $(セレクタC).メソッドD("引数");
  });
});

１つのセレクタに対して複数のメソッドを指定できる（メソッドチェーン）

jQuery

$(function (){
  $("セレクタ").メソッド1("引数").メソッド2("引数");//最後だけコロンつける
});