menu
menu

キーワード検索

 

前月(8月)の人気記事トップ10

  1. ( 1-) 【CSS Tips】CSSだけでドロップダウンメニュー
  2. ( 2-) 【CSS Tips】CSSだけでサイズ可変・スマホ対応のアコーディオン
  3. ( 3-) 【HTML5】スマホサイトの作成・基本編
  4. ( 4-) 【CSS Tips】CSSだけでブロック要素の表示非表示(トグルボタン)
  5. ( 5-) 【実践でjQuery入門】jQueryで日時を表示
  6. ( 7↑) 【CSS Tips】スマホサイト向け横にスクロールするナビゲーション
  7. ( 6↓) 【jQuery】表示しているブラウザの高さを取得してCSSのheightに指定
  8. ( -↑) 【Mac Tips】MacにInkscapeをインストール
  9. ( 9-) 【MySQL】Windows 10にMySQLをインストール
  10. ( 8↓) 【HTML5】HTML5・ページ作成の基本

jQuery入門

jQuery

Webデザイナー向けのjQuery入門です。

JavaScriptやjQueryが苦手という方は一度こちらの超入門編をご覧になってみてください。

思っていたより難しくないかもしれませんよ。

Webデザイナー向けjQuery超入門

Web制作では必須となっている感のあるJavaScriptライブラリの一つjQueryですがデザイナーの方々には中々取っ付き難いところがあります。

しかし、デザインだけしていればOKみたいなポジションの方であれば良いのですが、デザインだけではなくコーディングまでよろしくね的なポジションの方だともはや避けては通れぬjQueryです。

ところが、一から勉強となると中々大変で一気にやる気が失せるのは皆さん同じだと思います。

そこでここではそんな取っ付き難いjQueryの基本とかではなくさらっと表面だけ勉強して流してWeb制作に必要なjQueryを勉強するきっかけになってくれたらばいいなと思っています。

jQueryの他にJavaScriptのライブラリではprototypeなどもWeb制作ではお馴染みですが、ここでは主にJavaScriptを基本にjQueryについて学んでさらっとやって行きたいと思います。

HTMLやCSSは理解できていることが前提なのでそれらがまだだという方はHTMLとCSSの習得から始めてください。

さらにjQueryって何?って方はもう少しWeb制作の知識を深めてからこのページを読んだ方がいいかもしれません。

ちなみに、先にもいいましたが、jQueryとはJavaScriptライブラリの一つで、jQueryを使えば、JavaScriptの複雑なコードで実現していたことが簡単なコードを書くだけで同じことができてしまうという、とても便利な仕組みの一つです。

これもまた先にも言いましたが、ここを読んでjQueryを勉強するきっかけになってくれたらいいなと思っています。

超入門編は本投稿を除き二回 三回に分けてお送りしていき、その後簡単なサンプルと、さらに並んで超入門編に続くコンテンツをご紹介していけたらと思っております。


jQuery入門コンテンツ

jQuery超入門
  1. 【jQuery超入門】jQueryをHTMLページに組み込む 1/3
  2. 【jQuery超入門】jQueryを書いてみる前の予備知識 2/3
  3. 【jQuery超入門】jQueryを書いてみる 3/3
jQuery入門
  1. 【jQuery入門】変数を宣言する
  2. 【jQuery入門】配列
  3. 【jQuery入門】演算子
  4. 【jQuery入門】if文による条件分岐
  5. 【jQuery入門】switch文による条件分岐
  6. 【jQuery入門】繰り返すよfor文
  7. 【jQuery入門】繰り返すよwhile文
実践でjQuery入門
  1. 【実践でjQuery入門】jQueryで日時を表示
  2. 【実践でjQuery入門】jQueryで新しいWindowを開く

関連リンク

jQuery入門
JavaScript入門