AngularJSとjQueryの違いを教えてください。

Question

JSのライブラリはjQueryしか知らないのですが、AngularJSに興味を持っています。

AngularJSとjQueryの違いを教えて頂けませんか?
jQueryの関数などはAngularJSでも使えるんでしょうか。

よろしくお願いします。

Answer 1

基本的にjQueryはDOM要素の操作・処理に適したツールです。
Webサイト構築のようにDOM要素へフォーカスするのであれば、jQueryを使うのが最適です（AngularJSでも可能です）。

AngularJSは「フレームワーク」です。
特徴としては、

1. 2方向のデータバインド
2. MVWパターン(MVCに近い）
3. テンプレート
   4.カスタムディレクティブ（再利用できるコンポーネント、カスタムマークアップ)
4. RESTフレンドリー
5. ディープリンク(動的ページへのリンク設定)
6. フォームバリデーション
7. サーバーコミュニケーション
8. ローカライズ
9. 依存性注入
10. フルテスト環境（unit/e2e両方）

といったものがあります。

もちろん、jQueryとAngularJSは併せて使っても何の問題も有りません。
実際にAnglarJSではjQuery liteが使われています。

Answer 2

jQuery: JavaScriptの（DOM周りの）拡張ライブラリ
Angular: ブラウザ用MVCフレームワーク＋継承機能拡張

というイメージ。

ライブラリは部分コンテキストにおける機能や処理に着目し、再利用を目指した部品であり、
フレームワークは全体コンテキストにおける機能や構造に着目し、再利用を目指した部品です。

Answer 3

StackOverflow で全く同じ質問がされていて、さらにその回答が翻訳されています。

• Q. AngularJSとjQueryの違いは何でしょうか？ | POSTD