jQueryは何に使われるのですか?jQueryは実際にはjsフレームワークです

jQueryは何に使われるのですか?jQueryは実際にはjsフレームワークです

jQuery 入門

jQuery ライブラリは、簡単なマークアップ行を使用して Web ページに追加できます。

必要な基本知識 jQuery の学習を始める前に、以下の基本を理解しておく必要があります。

  • html
  • CS
  • JavaScript

これらの科目を最初に勉強する必要がある場合は、当社のホームページでこれらのチュートリアルを見つけてください。

jQueryとは何ですか?

jQuery は JavaScript ライブラリです。

jQuery は、「より少ない記述で、より多くのことを実行する」軽量の JavaScript ライブラリです。

123WORDPRESS.COM 編集者が追加:

アドバンテージ:

ネイティブ js コードと比較すると、非常に強力な機能を非常に少ないコードで実現でき、互換性も良好です。現在、複数のブラウザのサポートなどを考慮してネイティブ js を使用する人が多く、特に jQuery のセレクターは比較的強力です。実際のプロジェクトでは、開発サイクルを短縮するためによく使用されます。ほとんどの企業では jQuery の使用が必須であり、一般の人の js はこのレベルに到達できません。

欠点:

しかし、js を学び始めたばかりの学生にとって、これを使用することは学習に役立ちません。多くの人は jQuery を使用しているかもしれませんが、ネイティブ js を書くのがあまり得意ではなく、個人のスキルの向上には役立ちません。したがって、js を初めて学習する人は、まずネイティブ js で練習し、jQuery と比較して学習することができます。そうでなければ、将来 jQuery よりも優れた js ライブラリは存在しないでしょう。

jQuery ライブラリには次の機能が含まれています。

  • HTML要素の選択
  • HTML要素の操作
  • CSS操作
  • HTML イベント関数
  • JavaScript 効果とアニメーション
  • HTML DOM のトラバーサルと変更
  • アヤックス
  • ユーティリティ

ヒント: さらに、Jquery は多数のプラグインも提供します。

jQuery を使用する理由は何ですか?

インターネット上には多数のオープンソース JS フレームワークがありますが、jQuery は最も人気のある JS フレームワークであり、多数の拡張機能を提供しています。

多くの大企業が jQuery を使用しています。たとえば、次のようになります。

グーグル
マイクロソフト
IBM
ネットフリックス

jQuery はすべてのブラウザで動作しますか?

jQuery コミュニティは、さまざまなブラウザでの JS の互換性に関する多くの問題を認識しています。現在、jQuery は Internet Explorer 6 を含むすべての主要ブラウザと互換性があります。

jQuery は、JavaScript クラス ライブラリに基づくフレームワークです。多くの JavaScript クラス ライブラリといくつかの CSS スタイル シートのカプセル化を提供します。使いやすく、ユーザーとブラウザー間のやり取りを簡素化し、システム パフォーマンスと開発効率を向上させます。

jQuery の設計原則は「write Less, Do More」であり、より少ないコードでより多くのことを行うことを推奨しています。一般的に使用される JavaScript 機能コードをカプセル化し、HTML ドキュメント操作、イベント処理、アニメーション デザイン、Ajax インタラクションを最適化するためのシンプルな JavaScript デザイン モードを提供します。

jQuery のコア機能は、独自のチェーン構文と短く明確で多機能なインターフェース、効率的で柔軟な CSS セレクターと CSS セレクターの拡張機能、便利なプラグイン拡張メカニズムと豊富なプラグインとしてまとめることができます。 jQuery は、IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+ など、さまざまな主流ブラウザと互換性があります。

言語機能

1. ドキュメント要素を素早く取得する

jQuery の選択メカニズムは Css セレクターに基づいて構築されており、DOM ドキュメント内の要素をすばやくクエリする機能を提供し、JavaScript でページ要素を取得する方法を大幅に強化します。

2. 美しいページのダイナミック効果を提供する

jQuery には一連のアニメーション効果が組み込まれており、これを使用して非常に美しい Web ページを開発できます。多くの Web サイトでは、フェードインとフェードアウト、要素の削除、その他の動的効果など、jQuery の組み込み効果が使用されています。

3. AJAX非更新ウェブページを作成する

AJAX は非同期 JavaScript と ML の略称で、応答性が高く更新の必要がない Web ページの開発に使用できます。これは、サーバーとの往復通信を必要とする PHP Web サイトなどのサーバー側 Web ページを開発する場合に特に当てはまります。AJAX を使用しない場合、データが更新されるたびに Web ページを更新する必要があります。AJAX 効果を使用すると、ページを部分的に更新して動的な効果を実現できます。

jQuery の用途についての記事はこれで終わりです。jQuery は実は js フレームワークです。jQuery について詳しく知りたい方は、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

<<:  MySQL 5.7.17 winx64 のインストールと設定のチュートリアル

>>:  効率をN倍に高めるVimクイックリファレンステーブル15個

推薦する

HTML での Li タグの使用例

タイトルを左に、日付を右に揃えたいのですが、日付の範囲に float:right を直接追加すると、...

Docker Swarm を使用して分散クローラー クラスターを構築する例

クローラーの開発プロセス中に、クローラーを複数のサーバーに展開する必要がある状況に遭遇したことがある...

win10にmysql 8.0.18-winx64をインストールする詳細な手順

1. まず公式ウェブサイトにアクセスしてMySQLインストールパッケージをダウンロードします参考: ...

マークアップ言語 - テキストの CSS スタイルを指定する

123WORDPRESS.COM HTML チュートリアル セクションに戻るには、ここをクリックして...

http-proxy-middlewareを使用してNodeでプロキシクロスドメインを実装する方法と手順

目次1. プロキシモジュールをインストールする2. プロキシを設定する1. プロキシモジュールをイン...

MySQL スケジュール バックアップ ソリューション (Linux crontab を使用)

序文この世の愛には値段のつくものもありますが、データには値段のつけられないものがあります。将来、誤っ...

データベースの削除から逃走までの MySQL の徹底分析_上級編 (I) - データ整合性

1. データ整合性の概要1. データ整合性の概要データの冗長性とは、データベース内に重複したデータが...

Baotaパネルを再起動すると、「-ModuleNotFoundError: No module named 'geventwebsocket'」というメッセージが表示されます。

背景:サーバーがFlaskプロジェクトをデプロイし、python3をインストールしたため、再起動時に...

FileZilla Server の FTP サーバー構成と 425 エラーおよび TLS 警告の解決策の詳細な説明

123WORDPRESS.COM では、FileZilla のダウンロード リンクを提供しています:...

フロントエンドは画像を遅延ロードする方法を知っている必要があります(3つの方法)

目次1. 遅延読み込みとは何ですか? 2. 遅延読み込みを実装する🌄: 2.1 最初の方法: 2.2...

vscodeで保存した後のHTML自動フォーマットの問題を解決する

vsCode のバージョンは最近更新され、現在のバージョン番号は 1.43 です。実際、vsCode...

Ubuntu 18.04 のすべての Python ライブラリを一度にアップグレードする方法

ピップとは何かpip は、Python パッケージの検索、ダウンロード、インストール、アンインストー...

CSS変換ページめくりアニメーションレコードの実装

ページめくりの問題のシナリオBとCは同じページ(表と裏)にありますページをめくって A をカバーした...

単一のdivの正多角形変換を実現する純粋なCSS

前回の記事では、beforeとafterの擬似要素を使用してMaterial Designスタイルの...

ボタンに醜い灰色の枠線が付いています。これを削除するにはどうすればよいですか?

ダイアログをクロージャで使用し、右上隅の向こう側に閉じるボタンがあるダイアログを描画しました。ボタン...