webページのつくり方 | 学びの道

webページのつくり方、web制作、web作成、学びの道を歩み中!フェリカテクニカルアカデミー「東京・池袋」にてWeb作成を勉強中です。学んだ事をメモしていきます。

jQuery 基本(jQueryをDLする 記載する順番)

jQuery 基本(jQueryをDLする 記載する順番)

 

 jQuery に入ってきました!

jQuery は、有るタイミング(クリックされた等)でイベント(色を変える等)を起こしたいときに使用します。

 

【準備】

jQueryをDLしていきます。

http://mtw.cocotte.jp/blog/diary/html/2011/06/22-1955.php

→右上のオレンジのDLボタンをクリック → Download the compressed, production jQuery 1.11.0をDLして、保存、

※使用する際のルール → 一番上の行の、バージョン・誰が作った 等の部分は触らない事。

※これが読み込まれなければ、jQueryは動かないので必ずDLして下さい。

 

jQueryについて】

$( )関数で指定された中身(セレクター)を具体的に指定した段階で(下の場合h1の事)、jQueryオブジェクトと呼ばれます。

※ .○○○( ) = メソッド(jQueryに対して細かい命令を指定していく部分)

 

    $(document).ready(function() {
      $('h1').css('color','red');
  });

 ↓ 省略して記載すると下記になります。

    $(function(){
    $('h1').css('color','red');
    });

 

【基本の形】

  $(function(){
    $('○○').○○('○○','○○');
    });

 

【記載する順番】

①body の中を記載

②style の中を記載

jQuery  読み込み

jQuery イベント処理を記載