ホームページ > ウェブフロントエンド > jsチュートリアル > jquery と ajax_jquery の関係の詳細な紹介

jquery と ajax_jquery の関係の詳細な紹介

WBOY
リリース: 2016-05-16 17:11:29
オリジナル
948 人が閲覧しました

JQuery と AJAX はどちらも Javascript のフレームワークであり、それぞれに独自の異なる機能があります。Javascript をその父と比較すると、JQuery と AJAX は Javascript の実の息子です。 Javascript の非常に複雑な関数は非常に便利で、すぐに実装できます。それぞれの機能や特徴、活用シーンなどをまとめてみましょう。

JQuery は、CSS3 およびさまざまなブラウザー (IE 6.0、FF1.5、Safari 2.0、Opera 9.0) と互換性のある軽量の JS ライブラリです。 jQuery を使用すると、ユーザーは HTML ドキュメントとイベントをより簡単に処理し、アニメーション効果を実装し、Web サイトに AJAX インタラクションを簡単に提供できるようになります。 jQuery には、成熟したプラグインも多数あります。 jQuery は、ユーザーの HTML ページのコードと HTML コンテンツを分離したままにすることができます。つまり、コマンドを呼び出すために HTML に大量の js を挿入する必要はありません。必要なのは ID を定義することだけです。

JQuery の目的は、「WRITE LESS, DO MORE」です。これは、「食べる量を減らし、より多くの作業を行う」という意味です。プログラマーが書くコードを減らして、より多くのことを実行できるようにします。

JQuery はいつ使用されますか?上で述べたことと同様に、その主な用途は次のとおりです。

1. セレクター

は、$ 記号を使用して指定された要素を迅速かつ正確に見つけることができます。セレクターには、基本セレクター、階層セレクター、フィルター セレクター、フォーム セレクターが含まれます。

2. DOM 操作

は、$ 記号を使用して DOM 要素を検索し、ノードの追加と削除を操作します。 HTML テキストと値を設定および取得する; イベントを追加する

4. アニメーション効果


上記のまとめは JQuery についてですが、以下は引き続き AJAX についてまとめます。

AJAX は「Asynchronous JavaScript and XML」の略です。いわゆる非同期とは、イベントがトリガーされた後もブラウザーが他のことを実行でき、イベントが発生したコントロールに関係のないコントロールは影響を受けないことを意味します。 AJAX は、より優れた、より高速で、よりインタラクティブな Web アプリケーションを作成するために使用されるテクノロジーです。

.net でいくつかの AJAX コントロールの使用方法を学習しただけでは、AJAX の Javascript と XML が何であるかを理解できないかもしれません。これらのコントロールは、Microsoft によって非常に便利にカプセル化されています。 , しかし、それは「確実な」使い方です。 Javascript と XML の使用法を深く理解したい場合は、クライアントが Web サービス (.asmx) と WCF (.svc) を受け入れる方法と、一般的な処理プログラム (.ashx) ファイルの使用方法を習得する必要もあります

それでは、一般的に AJAX を使用するのはどのような場合ですか?また、AJAX を使用するのがより適切な場合はどのような場合ですか?通常、ページ上でローカルな変更が発生する場合に使用されます。以下の通り:

1. フォームベースのインタラクション

2. ディープツリーナビゲーション

3. リアルタイムのユーザー間コミュニケーション

4投票、はいまたはいいえの選択、評価

5. フィルタリングと複雑なデータ操作

6. 通常の入力中のプロンプト/オートコンプリート

AJAX が使用されます:

1. 単純なフォーム

3. 基本的なナビゲーション

4. 🎜>5. 表示操作

6.

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート