English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQueryの紹介

jQueryは、「少ないコードで多くを」の原則に基づいた高速、軽量で機能豊富なJavaScriptライブラリです。

jQueryは、HTMLドキュメントの遍历、イベントハンドリング、アニメーション、およびAJAXインタラクションを簡略化し、高速なWeb開発を実現します。

jQueryの目的は、WebサイトでJavaScriptを使用するのをより簡単にすることです。

このチュートリアルは、基本的な知識から高度なトピックまでの最新のjQueryの基础知识を学ぶのに役立ちます。

各章のjQuery例

このチュートリアルの各章には、多くの練習例が含まれており、オンラインエディタを使用して試行およびテストすることができ、学習範囲を拡張できます。これらの例の目的は、jQueryの使用法をよりよく理解するためです。

基本的なjQuery例
$("document").ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
試してみる‹/›

jQueryの利点

jQueryに馴染みがない場合は、jQueryが特別な理由が何か知りたいかもしれません。

jQueryは、AJAXコールやDOM操作などのJavaScriptの多くの複雑な内容を簡略化します。

jQueryライブラリには以下の機能が含まれています:

  • HTML / DOM操作

  • CSS操作

  • イベントハンドリング

  • エフェクトとアニメーション

  • AJAXサポート

  • ユーティリティ(Utilities)

  • プラグイン(Plugins)

  • クロスブラウザサポート

情報:JavaScriptでは、HTMLドキュメント内の要素を選択および操作するために通常は複数の行のコードを書かなくてはなりませんが、jQueryの強力な選択子メカニズムを使用することで、DOMツリーを遍历し、単純かつ効果的に要素を選択して操作を実行できます。

jQueryができることは何ですか?

jQueryを使えば、もっと多くのことができます:

  • jQueryは要素を選択するのが簡単です

  • jQueryを使えば、要素のスタイル(CSS)および位置を簡単に変更できます。

  • jQueryを使えば、DOM要素およびその属性を簡単に操作できます。

  • jQueryを使えば、要素の表示や非表示、スライドトランジションなどの効果を作成できます。

  • jQueryを使えば、より少ないコードで複雑なCSSアニメーションを作成できます。

  • jQueryを使えば、DOMツリー全体を簡単に遍历して任意の要素を検索できます。

  • jQueryを使えば、一行のコードで簡単に要素に対する複数の操作を実行できます。

  • jQueryを使えば、HTML要素のサイズを簡単に取得または設定できます。

リストは終わりません。jQueryを使って多くの面白いことができます。

次の章では、これらすべての詳細な内容を学びます。

基礎知識が必要

jQueryを学ぶ前に、以下の基本的な知識を有していなければなりません:

初学者の場合は、基本的な知識から始めて、日々少しずつ学び進めてください。

左側のメニューに記載された順序で本チュートリアルを読むことをお勧めします。

jQueryリファレンス

リファレンス部分では、jQueryの選択子、効果、属性、イベントなどに関する詳細な情報を提供します。

jQueryのリファレンスを確認