389

私は1つのjsライブラリしか知りません。それはjQueryです。
しかし、グループ内の他のコーダーは、新しいプロジェクトのデフォルトライブラリとしてAngularJSを変更しています。

私はそれについて何も知りません。jQueryとどう違うのですか？
私はすでにjQueryの同様のタスクのために一連の関数を実行しています。AngularJSでjQueryのものを引き続き使用できますか？

4

6 に答える 6

414
  1. Angular 1はフレームワークでしたが、Angular2はプラットフォームです。（ref）

開発者には、Angular2は画面にデータを表示する以外のいくつかの機能を提供します。たとえば、angular2 cliツールを使用すると、コードを「プリコンパイル」し、必要なjavascriptコード（ツリーシェイク）を生成して、ダウンロードサイズを35Kishに縮小できます。

  1. Angular2はShadowDOMをエミュレートしました。（ref）

これにより、SEOの問題に対処し、ブラウザでは機能しないNativescriptなどで機能するサーバーレンダリングへの扉が開かれます。

  • 公式ドキュメントサイト

  • ng-conf2016の初日の基調講演

  • リソースリンク オリジナル： 基本的に、jQueryはDOM要素を操作および制御するための優れたツールです。WebアプリケーションではなくWebサイトを構築する場合のように、DOM要素のみに焦点を当て、データCRUDを使用しない場合、jQueryはトップツールの1つです。（この目的にもAngularJSを使用できます。）

AngularJSはフレームワークです。以下の特徴があります

  1. 双方向のデータバインディング
  2. MVWパターン（MVCっぽい）
  3. レンプレート
  4. カスタムディレクティブ（再利用可能なコンポーネント、カスタムマークアップ）
  5. RESTフレンドリー
  6. ディープリンク（動的ページのリンクを設定する）
  7. フォームの検証
  8. サーバー通信
  9. ローカリゼーション
  10. 依存性注入
  11. 完全なテスト環境（両方のユニット、e2e）

このプレゼンテーションとこの素晴らしい紹介をチェックしてください

公式開発者ガイドを読むことを忘れないでください

または、これらの素晴らしいビデオチュートリアルからそれを学びます

より多くのチュートリアルビデオを見たい場合は、この投稿、最高の60以上のAngularJSチュートリアルのコレクションをチェックしてください。

AngularJSでjQueryを問題なく使用できます。

実際、AngularJSはjQueryliteを使用しています。これは優れたツールです。

FAQから

AngularはjQueryライブラリを使用しますか？

はい、アプリケーションがブートストラップされているときにアプリにjQueryが存在する場合、AngularはjQueryを使用できます。jQueryがスクリプトパスに存在しない場合、AngularはjQLiteと呼ばれるjQueryのサブセットの独自の実装にフォールバックします。

ただし、jQueryを使用してAngularJSコントローラーのDOMを変更しようとしないでください。ディレクティブで変更してください。

アップデート：

Angular2がリリースされました。これが初心者向けのリソースの素晴らしいリストです

于 2012-10-31T05:33:17.597 に答える
41

開発者の観点から、AngularJSとjQueryの違いについて何か追加したいと思います。

AngularJSでは、達成したいことについて非常に構造化されたビューとアプローチが必要です。タスクを完了するのに直線的な方法に従うことはほとんどありませんが、さまざまなオブジェクト間の交換が要求とアクションを処理します。これは、AngularがMVCベースのフレームワークであるために必要です。また、コーディングはインタラクションをどのように完了させたいかに大きく依存するため、完成したアプリケーションの少なくとも一般的な青写真が必要です。

jQueryは無料の詩のようなもので、行を書き、タスクを実行するのに適切な関係と勢いを維持します。

Angular JSでは、勢いと関係を適切に保つだけでなく、いくつかのルールに従う必要がありますが、詩が構造的で多くのルールに関連付けられている古典的なスペンサーソネット（有名な古典詩人）のようなものかもしれません。

AngularJSと比較すると、jQueryはコードと関数のコレクションに似ています（すでに述べたように、DOM操作と高速効果の達成に最適です）が、AngularJSは、開発者がエンタープライズWebを構築する機能を提供する実際のフレームワークです。 -見事に組織化されたルーティングと管理内での大量のデータバインディングと交換を伴うアプリケーション。

さらに、AngularJSはタスクを完了するためにjQueryに依存していません。これには、jQueryにはまったく見られない2つの非常に優れた機能があります。

1- Angular JSは、何らかの手段で目標を達成するだけでなく、コーディングして目標を達成する方法を教えます。AngularJSはJavascriptのコアと心臓部を完全に活用し、アプリにDI（依存性注入）などの手法を組み込むための道を開きます。angleJSを使用するには、Javascriptを使用したコーディングのより高度な手法を学ぶ必要があります（または学ぶ必要があります）。

2- Angular JSは、ディレクティブを処理し、アプリを構造化するために完全に独立しています。次に、jQueryが同じこと（独立性）を実行できると単純に主張するかもしれませんが、実際、AngularJSは、上記の行で何度か言及されているように、構造的にMVCベースの最も優れた方法で独立性を備えています。

最後の注意点は、偏見や主観的であることは非常に邪魔なので、名前の戦争はないということです。jQueryの規模と素晴らしさは証明されていますが、それらの使用法と制限（フレームワークまたはソフトウェアの）は、議論と同様の議論の懸念事項です。

アップデート：

AngularJSを使用することは、実装の点で費用がかかるため決定的ですが、アプリケーションの将来の拡張、変換、および保守のための強力な基盤を見つけます。AngularJSは、新しいWebの世界向けです。これは、リソース消費が最小（サーバーから必要なリソースのみをロード）、応答時間が速く、構造化シ​​ステムにラップされた高度な保守性と拡張性を特徴とするアプリケーションの構築を対象としています。

于 2014-07-14T05:46:02.273 に答える
28

AngularJS： AngularJSは、重いWebアプリケーションを開発するためのものです。AngularJSは、アプリケーションがブートストラップされているときにjQueryがWebアプリに存在する場合、jQueryを使用できます。スクリプトパスに存在しない場合、AngularJSはjQueryのサブセットの独自の実装にフォールバックします。

JQuery： jQueryは、小さく、高速で、機能が豊富なJavaScriptライブラリです。これにより、HTMLドキュメントのトラバーサルと操作、イベント処理、アニメーション、Ajaxなどがはるかに簡単になります。jQueryは、AJAX呼び出しやDOM操作など、JavaScriptの複雑な機能の多くを簡素化します。

詳細はこちら：angularjs-vs-jquery

于 2014-12-01T07:38:56.733 に答える
21

これは、違いを簡単に説明する非常に良いチャートだと思います。一目見れば、ほとんどの違いがわかります。

ここに画像の説明を入力してください

追加したいのは、AngularJSをMVVMデザインパターンに従わせることができるのに対し、 jQueryは標準のオブジェクト指向パターンに従わないということです。

于 2016-06-29T20:23:21.090 に答える
12

それらはさまざまなレベルで機能します。

初心者の観点から、違いを確認する最も簡単な方法は、jQueryが本質的にJavaScriptの抽象であるということです。したがって、JavaScriptのページを設計する方法は、jQueryの場合とほぼ同じです。DOMから始めて、その上に動作レイヤーを構築します。Angular.Jsではそうではありません。プロセスは実際にはゼロから開始されるため、最終結果は目的のビューになります。

jQueryを使用すると、dom-manipulationsを実行し、Angular.Jsを使用すると、Webアプリケーション全体を作成します。

jQueryは、さまざまなブラウザーの特異性を抽象化し、IE6チェックなどを追加することなくDOMと連携するように構築されています。時間の経過とともに、多くのことを実行できる優れた堅牢なAPIが開発されましたが、基本的には、DOMの処理、要素の検索、UIの変更などを目的としています。ナットとボルトを直接使用するものと考えてください。

Angular.Jsは、 MVCの概念をフロントエンドエンジニアリングに追加するために、 jQueryの上にレイヤーとして構築されました。Angular.Jsは、DOMと連携するAPIを提供する代わりに、データバインディング、テンプレート、カスタムコンポーネント（ jQuery UIに似ていますが、JSを介してトリガーする代わりに宣言型）などを提供します。ナットとボルトのレベルで直接ではなく、一緒に引っ掛けることができるコンポーネントを使用して、より高いレベルで機能していると考えてください。

さらに、Angular.Jsは、コントローラー、サービス、ディレクティブなどのさまざまなプロジェクトに適用される構造と概念を提供します。jQuery自体は、同じことを行うために複数（数億）の方法で使用できます。ありがたいことに、Angular.Jsを使用すると、プロジェクトへの出入りが簡単になります。これは、システムを最初から再学習することなく、複数の人が同じプロジェクトに貢献するための適切な方法を提供します。

簡単な比較はこれである可能性があります-

jQuery

  • CSSセレクターの知識が豊富な方でも簡単にご利用いただけます
  • DOM操作に使用されるライブラリです
  • モデルとは何の関係もありません
  • Webページのコンテンツを簡単に操作する
  • スタイルを適用してUIをより魅力的にする
  • 簡単なDOMトラバーサル
  • 効果とアニメーション
  • AJAX呼び出しを行うのは簡単で
  • ユーティリティの使いやすさ
  • 双方向バインディング機能はありません
  • プロジェクトのサイズが大きくなると、複雑になり、保守が困難になります
  • Angular.Jsと同じ機能を実現するために、さらに多くのコードを記述しなければならない場合があります

Angular.Js

  • MVVMフレームワークです
  • SPA（シングルページアプリケーション）の作成に使用されます
  • ルーティング、ディレクティブ、双方向データバインディング、モデル、依存性注入、単体テストなどの主要な機能があります
  • モジュール式です
  • プロジェクトのサイズが大きくなったときに保守可能
  • 速い
  • 双方向データバインディングRESTフレンドリーなMVCベースのパターン
  • ディープリンク
  • テンプレート
  • 組み込みフォームの検証
  • 依存性注入
  • ローカリゼーション
  • 完全なテスト環境
  • サーバー通信

そしてもっとたくさん

ここに画像の説明を入力してください

これが役立つと思います。

もっと見つけることができます-

于 2016-10-27T13:49:06.330 に答える
3

Jquery：-

jQuery is a lightweight and feature-rich JavaScript Library that helps web developers
by simplifying the usage of client-side scripting for web applications using JavaScript.
It extensively simplifies using JavaScript on a website and it’s lightweight as well as fast.

So, using jQuery, we can:

easily manipulate the contents of a webpage
apply styles to make UI more attractive
easy DOM traversal
effects and animation
simple to make AJAX calls and
utilities and much more…

AngularJS：-

AngularJS is a product by none other the Search Engine Giant Google and it’s an open source
MVC-based framework(considered to be the best and only next generation framework). AngularJS
is a great tool for building highly rich client-side web applications.

As being a framework, it dictates us to follow some rules and a structured approach. It’s
not just a JavaScript library but a framework that is perfectly designed (framework tools
are designed to work together in a truly interconnected way).

In comparison of features jQuery Vs AngularJS, AngularJS simply offers more features:

Two-Way data binding
REST friendly
MVC-based Pattern
Deep Linking
Template
Form Validation
Dependency Injection
Localization
Full Testing Environment
Server Communication
于 2016-09-03T09:11:27.193 に答える