前端開發中的兩個常用庫是AngularJS和jQuery，AngularJS是一個MVVM框架，而jQuery是一個DOM操作庫。雖然它們有很多不同之處，但是它們都可以有效地簡化前端開發中的很多任務。

在AngularJS中，我們可以使用依賴注入、指令、過濾器等強大的功能，來構建動態的Web應用。以下是一個簡單的AngularJS的例子：

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.greeting = "Hello World!";
});

上面的代碼定義了一個名為“myApp”的AngularJS模塊，并在其中定義了一個名為“myCtrl”的控制器。控制器中定義了一個名為“greeting”的變量，用于存儲“Hello World!”這個字符串。我們可以在HTML文件中使用AngularJS的指令將這個變量綁定到頁面上：

<div ng-app="myApp" ng-controller="myCtrl">
{{greeting}}
</div>

上面的代碼使用了“ng-app”和“ng-controller”指令來告訴AngularJS哪個模塊和控制器應該用于這個元素。然后，我們使用雙花括號來將“greeting”變量綁定到div元素中。

與此相比，jQuery主要用于操作DOM元素，例如添加、刪除、移動、修改等操作。以下是一個jQuery的例子：

$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});

上面的代碼使用了jQuery的$(document).ready()函數來確保頁面已經加載完畢，然后使用$("p")來選中所有的p元素。接下來，我們使用.click()函數來為被選中的p元素添加一個單擊事件處理函數。在這個事件處理函數中，我們使用$(this)來表示當前被單擊的p元素，并使用.hide()來將其隱藏。

總體而言，AngularJS和jQuery都是非常實用的前端開發庫，可以讓我們更加輕松地創建動態的Web應用。當我們需要處理數據綁定、依賴注入、路由等復雜的任務時，AngularJS可能更適合使用。而當我們需要對DOM元素進行操作時，jQuery則更適合使用。