📅 最后修改于: 2023-12-03 14:56:06.943000 🧑 作者: Mango
在开发 Web 应用程序时，jQuery 和 Angular 是两个最常用的 JavaScript 库之一。jQuery 是一个广泛应用的库，用于简化 DOM 操作，事件处理和 Ajax 调用。而 Angular 是一个用于构建动态 Web 应用程序的框架，提供了更高级的功能。
为了使用这两个库，我们需要将它们添加到项目中。本篇文章将介绍添加 jQuery 和 Angular 的步骤。
jQuery 可以从官网 https://jquery.com/ 下载。
将下载的 jQuery 文件放置在项目文件夹中。
在 HTML 文件中，使用如下代码来引入 jQuery：
<script src="jquery.min.js"></script>
现在，我们可以使用 jQuery 来做很多事情，例如：
$(document).ready(function() {
// 在页面加载后执行的代码
$("button").click(function() {
// 当按钮被点击时执行的代码
});
});
Angular 可以从官网 https://angularjs.org/ 下载。
下载的 Angular 文件包括两个文件：angular.min.js 和 angular-route.min.js。如果您使用路由，则还需要下载 angular-route.min.js 文件。将这些文件放置在项目文件夹中。
在 HTML 文件中，使用如下代码来引入 Angular：
<script src="angular.min.js"></script>
如果您使用路由，则还需要引入 angular-route.min.js 文件：
<script src="angular-route.min.js"></script>
通过添加 ng-app 指令，可以将 Angular 应用程序添加到 HTML 文件中：
<html ng-app="myApp">
现在，我们可以使用 Angular 来构建动态 Web 应用程序，例如：
<div ng-controller="myCtrl">
<!-- 在此添加 HTML 和 Angular 表达式 -->
</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
// 在此添加控制器代码
});
</script>
jQuery 和 Angular 都是极其有用的 JavaScript 库，可以大大简化 Web 应用程序的开发。添加这两个库很容易，只需要遵循上述步骤即可。