什么是jqLite
定义
1、全局对象angular有一个方法叫做element,这个方法可以将1个原生的dom对象转换为1个"jQuery"对象;
2、如果页面中引入了jQuery,那么转换出来的对象就是一个完整的jQuery对象;
3、如果页面中没有引入了jQuery 那么转换出来的就是1个jqLite对象;
4、jqLite: AngularJS内置的一个对象 是jQuery的1个子集.只提供 了jq中最常用的方法.
案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
#test{
background-color: red;
}
</style>
</head>
<script src="./lib/jquery.min.js"></script>
<script src="./lib/angular.min.js"></script>
<body ng-app="myApp">
<div ng-controller="demoCtrl">
<div id="test"></div>
</div>
<script>
var app = angular.module("myApp", []);
var dDiv = angular.element(document.getElementById("test"));
dDiv.animate({
width:200,
height:200
},2000);
app.controller("demoCtrl", ["$scope", function ($scope) {
}]);
</script>
</body>
</html>