AngularJS 是目前前端開發(fā)中非常流行的JavaScript框架之一，它強大的數(shù)據(jù)綁定和依賴注入機制使得開發(fā)人員能夠輕松地構(gòu)建復(fù)雜的Web應(yīng)用程序。雖然AngularJS擁有很多優(yōu)秀的內(nèi)置指令和組件，但是有些時候我們?nèi)匀恍枰柚鷍Query來完成一些特定的任務(wù)，例如操作DOM元素、處理事件等。
下面是一份簡單的例子，展示如何在AngularJS中引用和調(diào)用jQuery：
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>AngularJS and jQuery Demo</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<div ng-controller="myCtrl">
<input type="text" ng-model="myInput">
<button ng-click="update()">更新</button>
<p ng-bind="myText"></p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
$scope.update = function() {
var userInput = $('input').val(); //使用jQuery獲取input的值
$scope.myText = '你輸入的內(nèi)容是：' + userInput;
};
});
</script>
</body>
</html>在上述代碼中，我們在<head>標(biāo)簽中分別引入了AngularJS和jQuery的CDN鏈接，并在<body>中使用ng-controller指令綁定了一個控制器myCtrl。控制器中定義了一個update函數(shù)，在函數(shù)中使用jQuery獲取input元素的值，并將值賦值給$scope.myText變量，最后通過ng-bind指令將變量渲染到p標(biāo)簽中顯示出來。
需要注意的是，在AngularJS中使用jQuery要小心謹(jǐn)慎，盡量避免直接操作DOM元素，因為這樣會破壞AngularJS的數(shù)據(jù)綁定機制和頁面渲染優(yōu)化。如果必須要使用jQuery，可以考慮將操作封裝成一個指令或服務(wù)，并遵循AngularJS的最佳實踐。