ココル > jQueryとはなんぞや?初めてjQueryを知る方へ
jQuery

jQueryとはなんぞや?初めてjQueryを知る方へ

  • この記事は約3分で読めるワン。
アマゾン
対象商品よりどり2点以上のご購入で合計金額より5%OFF。
2023年12月22日(金)00時00分 ~2024年1月11日(木)23時59分
アマゾン
最大10%ポイントアップキャンペーン!生活/理美容/健康/大型家電等はさらに5.5%ポイントアップ!
2024年3月1日(金)9時00分~2024年3月5日(火)23時59分

jQueryはJavaScriptで作られたオープンソースのライブラリです。JavaScriptで行う処理を少ない記述量で実現できるように作られています。

今回はjQueryの基本を整理しておきたいと思います。まだまだ初心者のみなので自分自身が見直せるように残していきたいと思います。

JavaScriptは、表示されているHTMLに含まれている要素を取得しその要素の内容を書き換えたりすることがでたり、特定の要素を取得してその属性を書き換えることができたり、特定の要素を取得してCSSプロパティ値を変更することができたり、特定の要素を取得してテキストを変更したり新たな要素を挿入や削除をすることができます。

これがJavaScript基本の処理「DOM操作」と言います。DOM(Document Object Model)とはHTMLをJavaScriptなどの言語からアクセスして操作するための機能です。

jQueryはJavaScriptをより簡単に使えるように開発されたライブラリです。具体的なJavaScriptとjQueryについては割愛させていただきます・・・・・・

jQueryの機能について

jQueryの機能は大きく分けて6種類あります。

セレクタはHTML内の要素を取得する機能の1つです。トラバースもHTML内の要素を取得しますが親要素、子要素、兄弟要素など相対的な関係で要素を取得することができます。イベントはある要素に対してイベントが発生したとき、その処理を定義するための機能です。

マニピュレーションはHTMLドキュメントに新たな要素を追加したり削除したりするための機能です。アニメーションはCSSやマニピュレーションを実行したHTMLの状態が変化したときにいきなり変化させるのではなく滑らかにつながるようにアニメーションさせる機能です。

Ajaxはサーバーから何かしらのデータを、取得して表示させているHTMLに反映させるための機能です。他にもjQueryにはさまざまな機能があります。

jQueryを読み込む

jQueryはダウンロードして使う方法とCDN(コンテンツ・デリバリ・ネットワーク)のURLに直接リンクを張る方法があります。

現状ではCDNからの読み込みが主流になっていますが、これに関しては各会社などでルールがあるかと思うのでそれに従います。CDNで読み込むメリットとしては閲覧者のブラウザにキャッシュが残っていればダウンロードされずにすむのでページの表示速度が速くなります。

余談としてjQueryを利用される場合は他のHTML、CSS、JavaScriptファイルのテキストエンコード形式を「UTF-8」で保存するようにしてください。スクリプトが正しく動作しない場合があります。

後で読み直す

お気に入り登録した記事一覧

記事タイトルとURLをコピーする

Administrator

Joliee

Joliee

東京都内で福祉関係のWEB制作を担当しています。WEB制作についてはCSSで何とかしたいがモットーです。柴犬男子と暮らしています。少しでも体格よくするために始めた筋トレなど学んできたことを少しでもアウトプットできるようにブログに残しています。

樂(ガク)

樂(ガク)

豆柴犬の樂(ガク)です。かまってちゃんな性格な柴犬男子です。好きなものは歯磨きガムです。ドッグフードは生きていくために渋々食べています…