[ jQuery ] jQueryを使ってみたいのですが?

2月 22, 2013
BESTグループ

初めまして。
春に向けて、ブログのリニューアルを考えています。
jQueryというものを使うと、ページに動きが出るらしいのですが、使ったことがないです。
初心者にも分かりやすい使い方を教えてください。


初めまして、Bestです。
この度はjQuery(ジェイクエリー)についてのご質問をお寄せいただきまして、本当にありがとうございます。

jQueryと様々なプラグイン(拡張機能)を組み合わせますと、画像群をスライドショーのように表示したり、スマートフォンへの対応が簡単になったりと、非常に見た目がダイナミックなBlogを作ることが可能です。

上記だけではなく、アイコンにアニメーションのような動きが追加できたり、郵便番号から住所を自動入力させたりなど、閲覧者の方々にも有用な機能も追加することができます。

簡単にjQueryについてご説明しますと、web制作に使う言語の一つにJavaScriptがあります。
こちらのJavaScriptをライブラリ(良く使われる機能をコンパクトにまとめたスクリプトファイルです)化したものが、jQueryです。

過去、JavaScriptをカスタマイズしたり、書き起こすのはプロの制作者ではないと敷居が高い作業でした。
現在では、jQueryやprototype.jsライブラリが作成されましたので、とてもハンドリングが容易になったように感じております。

また、jQueryはMITライセンスのもとに配布されておりますので、ライブラリ内に著作権を表示させなければなりませんが、こちらのライセンスを遵守しますと、商用・非商用ともに利用できます。

簡単なjQueryのご説明はここまでにしまして、まずは使ってみましょう。

1. まずは、配布サイトから入手しまして、ページに組み込んでみましょう。

入手は以下の jQuery Foundationのサイトにてダウンロードします。
  http://jquery.com/download/

その後、(x)htmlのメタタグ(head内)に組み込みます。
サンプル画像内の枠線で囲まれた箇所です。
※参考画像はBestグループサイト(久喜教室ページ)のソースです。
※ブラウザはGoogle chrome使用です。