AngularJS是一種基于JavaScript的開源Web應用程序框架，它使用了Model-View-Controller（MVC）+ Model-View-ViewModel（MVVM）的架構模式，可以幫助開發人員更快地構建動態Web應用程序。
JQuery是一個快速、簡潔的JavaScript庫，提供適用于跨瀏覽器開發的特性，它簡化了HTML文檔遍歷和操作、事件處理、動畫和AJAX交互操作。JQuery在Web開發中非常受歡迎，并且經常和AngularJS一起使用。
//例子1：AngularJS和JQuery在同一個頁面中使用
<html ng-app="myApp">
<head>
<!-- 引入JQuery -->
<script src="http://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<!-- 引入AngularJS -->
<script src="http://cdn.bootcss.com/angular.js/1.6.9/angular.min.js"></script>
</head>
<body>
<!-- 使用AngularJS指令 -->
<div ng-controller="myCtrl">
<p>{{hello}}</p>
</div>
<!-- 使用JQuery操作DOM -->
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
<!-- 定義AngularJS控制器和作用域 -->
<script>
var app = angular.module('myApp',[]);
app.controller("myCtrl", function($scope) {
$scope.hello = "Hello, AngularJS!";
});
</script>
<!-- 添加一個按鈕 -->
<button>隱藏文本</button>
<!-- 添加一個p標簽 -->
<p>這是一個AngularJS指令！</p>
</body>
</html>在這個例子中，我們使用了AngularJS和JQuery在同一個頁面中。我們首先引入了JQuery和AngularJS的CDN庫，然后我們創建了一個AngularJS應用程序，并使用了它的指令來顯示一條消息。我們還使用了JQuery庫來隱藏一個文本塊。
由于AngularJS和JQuery都是基于JavaScript開發的，因此它們可以很方便地同時使用。在開發Web應用程序時，可以針對不同的需求使用AngularJS和JQuery的優點。