タグ別アーカイブ: jQuery

基本のキホン《 jQuery 》

jQueryとは?

javaScriptのライブラリのひとつ。

簡単にまとめると
魅力的なユーザーインターフェースを
手軽に作ることができて
軽量でバグが少ない便利なやつ です。

早速テストwebページをつくってみた。

まずはjQueryのベースとなる書類をダウンロード
基本はこの名前:《jquery.js》

※バージョン;
1.x は古いのも対応
2.x はcss3でないといけない

※google code等は設定せず
必ず自分でファイルを用意する

 

新規htmlファイルを開いて

ヘッド内にscriptタグで
ダウンロードしたjQuery本体を読み込む

 

  • 新規jsファイルを作成
     入力型式はこんな感じ
    $(document).ready(function)({
           $(‘#sample1’).hide();
      });
    この書き方についてはこれから学ぶ予定
  • このファイルも先ほど作成した
    htmlファイルに読み込ませる
基本の設定は以上!
プラグインをダウンロードし
読み込ませてみたらこんなかんじでした!
 スクリーンショット 2015-10-22 21.30.02
補足;
jQueryを使用したwebサイトを構築する時は
確認用ブラウザをInternetExplorerに設定すると便利。
開発者ツールでデバッカーもしくはコンソール画面を表示すると間違ったところを指定してくれる。
この機能はchromeにもあるが
ちょっといまひとつだそう。
もしくは、
有料ソフトのVisual Studio (Visual Studio Communityは無料)やEclipseでも同様のプレビュー表示をしてくれるそうなので
今使ってるMacにインストールしてみたいと思う。