jQuery超初心者向けメモ

jQueryの基本的な書き方

jQueryとは？？

JavaScriptのwrapper的なライブラリ。
もっとかみ砕いていうと、JavaScript書くの難しいよ…めんどくさいよ…って人が簡単に使えるようになるもの。
CSSで言うBootstrapみたいなもの。

導入方法

・ダウンロードしてきた場合
jsのファイルと同じように、Scriptタグで他のjsファイルより前に読み込む。

簡単な使い方

index.html

!DOCTYPE html>

<html>

 <head>
   <meta charset="utf-8" />

   <meta http-equiv="Content-Style-Type" content="text/css" />
   <meta http-equiv="Content-Script-Type" content="text/javascript" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

   <title>sample</title>

   <link rel="stylesheet" href="./css/index.css" /><!-- css -->
      <!-- script -->
   <script src="./js/jquery-1.12.3.min.js"></script><!-- j-query -->
   <script src="./js/index.js"></script>


 </head>

 <body>
   <p id="text">Hello jQuery World!</p>
 </body>

</html>

/js/index.js


$(document).ready(function(){
  $("#text").text("ハローjQueryワールド！");
});

解説

$ ← jQueryライブラリを使うよっていう宣言だと思えばいい
("#text") ← CSSと同じセレクタを使って、要素を指定
.text("ハローjQueryワールド！") ← .textメソッドを使って中身のテキストを書き換え

メソッドについてはここで検索すればだいたいわかる。
js STUDIO

$(document).ready();　は、ページが読み込まれたらっていう意味
window.onload = function(){} と同じ