jQuery 基本(jQueryをDLする 記載する順番)
jQuery 基本(jQueryをDLする 記載する順番)
jQuery に入ってきました!
jQuery は、有るタイミング(クリックされた等)でイベント(色を変える等)を起こしたいときに使用します。
【準備】
jQueryをDLしていきます。
http://mtw.cocotte.jp/blog/
→右上のオレンジの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 イベント処理を記載