jQuery入門

jQueryファイルの読み方、セレクターの使い方、各種関数の利用方法をサンプル／デモとソースとともにjQueryを解説しています。

基礎知識

jQueryに必要な基礎知識を解説しています。

jQueryファイルの読み込み

jQueryを利用するにはjQueryファイルを読み込む必要があります。ここでは、jQueryのいくつかあるjQueryの読み込み方法について、解説してます。

• jQueryファイルの読み込み
• GoogleにホストされているjQueryファイルの読み込み
• CDNにホストされているjQueryファイルの読み込み

jQueryの実行

jQueryファイルの読み込みが終わったら、jQueryを実行してみましょう。

• .ready() 関数

セレクター

jQueryのスクリプトには、HTMLの要素を選択するさまざまなセレクターがあります。jQueryには「セレクターを制するものは、jQueryを制する」という格言があるほど、セレクターは重要な項目です。

嘘です……が、セレクターによる要素の選択は、頻繁に利用するので、ひとつひとつ確認しておきましょう。それぞれにサンプル／デモも用意していますので、セレクター一覧をご覧ください。

• セレクター一覧

イベント

• .click() - クリックイベント

プラグイン

jQueryにはさまざまなプラグインが公開されています。jQueryのおすすめプラグインをまとめたので、こちらも合わせてご覧ください。

• jQueryプラグインまとめ

Webサービスの公開

jQueryをある程度マスターしたら、Webサービスを作ってみましょう。Webサービスを公開するには、公開する場所が必要になります。無料サービスを利用する手段もありますが、個人的には「独自ドメイン+レンタルサーバー」をおすすめします。自分でドメインとレンタルサーバーを管理することにより、ネットワーク、Linuxに関する知識、バックエンドのプログラムの勉強になるからです。

独自ドメイン！といっても年間利用料1000円程度なので、「ムームードメイン」でお好みのドメインを探してみましょう。

独自ドメインの用意ができたら、次はレンタルサーバーです。最近では、月額料金300円程度で性能の高い格安レンタルサーバーもあるので、無料サービスよりはるかにおすすめです。

• おすすめレンタルサーバー

さらに、Linuxの知識を深めたい方は、VPS（仮想専用サーバー）がおすすめです。VPSでは、管理者権限（root）が付与されるので、OSの選択からソフトウェアのインストールまでサーバーを自在に設定できます。月額料金1000円以下の格安VPSもあるので、検討してみてはいかがでしょうか。

• おすすめVPSサーバー