Home / ネットワーク・IT / IT基礎知識 / プログラミング / 始めよう! jQueryのメリットと入門におすすめなサイト7選

始めよう! jQueryのメリットと入門におすすめなサイト7選

※本ページにはプロモーション(広告)が含まれています

ビジネス 仕事 メモ 手帳 ノート スマホ スマートフォン メール 休憩 植物 観葉植物 趣味 ティータイム 明るい PC パソコン インターネット 情報 勉強 おしゃれ 緑 グリーン 携帯 木 めがね 眼鏡 会社 オフィス メガネ 通信 キーボード マウス デスク 白 ベージュ ブラック スタイリッシュ ペン ボールペン ゆとり 雑貨 ネット 忙しい 喫茶店 木目 シンプル 小物 ビジネス小物 電卓 SNS 年輪 午後 スタイル ツール 計算機 多忙 ブログ ライフ 在宅勤務 フルサイズ 副業 在宅 ブロガー シルバーブレット

よく、jQueryを形容するときに使われる言葉は「より少ない記述で、より多くの処理」だと言われます。その言語数はよく比較されるJava Scriptに比べると半分くらいです。

しかも複雑な文になればなるほど、その差は出てきます。ここでは、シンプルな文でより多く記述できるjqueryのメリットやデメリット、そして、おすすめサイトなどを入門する方や入門したい方に向けて、知って得する情報をこの記事ではご紹介していきます。

jQueryとは?

student

ではまず、入門編としてjQueryとは何か?からご紹介いたしましょう。いったいどんなメリットやデメリットがあるのでしょうか?

jQueryの4つのメリット

では、jQueryのメリットからご紹介します。

短く書ける

jQueryの最大のメリットは「短く書ける」ということです。

その短さはJava Scriptに比べると半分くらいですが、複雑な文になればなるほど、差が歴然としてきます。さらにCSSとの共通性もあって、シンプルな文なのであまりコードに慣れていないWebデザイナーなどにもわかりやすいです。

クロスブラウザに対応

クロスブラウザとは、「ブラウザを選ばない」ということです。

javaScriptなどは利用出来るメソッドやプロパティが違うため、IEなどのブラウザごとに記述をしなければならないのが煩雑ですが、このjQueryはその必要がありません。そのため、とてもシンプルでわかりやすいコードとなります。

Ajaxの処理が簡単

まず、Ajax(エイジャックス)とは、、JavaScriptを使って行われる非同期処理を言います。通常ならば、Webページを変更すると、画面遷移やリロードが必要となりますが、Ajaxではそれが必要となりません。

かつてはJava Scriptで書くのがメジャーでしたが、今はjQueryで書くのがメジャーとなっており、この方法を使っている有名なサイトには「Google Map」があります。地図をドラッグするときに、他の地図を読み込まなくて済みます。

簡単にアニメーションに出来る

jQueryを使うと、短いコードで簡単にアニメーションが出来ます。

htmlとCSS、そしてjQueryのアニメート関数を使えば、文字の移動速度、入るタイミングなども指定できます。こんな短い文でアニメーションができるのが信じられないくらいです。

jQueryの2つのデメリット

男 男性 人物 日本人 20代 仕事 悩む 座る 頭を抱える 失敗 部屋 室内 テーブル 健康 カジュアル 私服 上半身 家 勝負 風邪 病気 30代 頭痛 体調不良 悩み 痛い 痛み シャツ 絶望 病院 医療 落ち込む 辛い 住宅 住まい トラブル 混乱 頭をかかえる ピンチ 苦しい 普段着 負ける ギャンブル 死 ショック リストラ 借金 体調 いたい 困難 鬱 最悪 いたみ うつ病 うつ 絶体絶命 なやむ 失業 鬱病 死別 なやみ 絶望的 ウツ 自己嫌悪 体調が悪い ウツ病 負けた ftd0004

こんな便利なjQueryにもデメリットがあります。それは一体何でしょうか?

処理が遅い時がある

「セレクタ処理」という、読み込み時にかかる時間では普通のコードに比べてjQueryだと10倍くらい遅い時があります。もちろんブラウザによっても違いがありますが、Chromeなどだと遅い傾向があります。

共存しにくいライブラリがある

ずばり、prototype.js等のライブラリとはjQueryは共存しにくいようです。その場合は、$関数ではなくjQuery関数を使う、または、実行したいスクリプトを(jQuery)で囲むなどの回避方法があります。この囲む方法を行うと、通常通り$が使えるため、書き換える必要がなく、おすすめです。

jQueryのおすすめ学習サイト7選

webdesign

ドットインストール

「ドットインストール」は、3分の動画でマスターできる、初心者向けのプログラミング学習サイトです。

そのままでも利用できますが、無料の登録をすると、学習状況が管理できるようになります。デザインもすっきりしてとても使いやすいサイトです。入門サイトとしては特におすすめの「ドットインストール」です。

jQuery入門道場

1 2

Check Also

HTML学習に便利なHTMLのリファレンスサイト17選

HTMLを勉強する際には何を参 …