demo.html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>AngularJS JQuery</title> <script src="jquery.min.js"></script> <!-- 如果要用完整的JQuery,那么就引入JQuery --> <script src="angular.min.js"></script> <!-- 引入AngularJS框架 --> </head> <body> <div> <div class="box">一个普通的盒子</div> </div> <script> // AngularJS默认实现了JQuery,但是AngularJS只实现了JQuery的部分功能(jqLite)。(查看AngularJS的API文档) // angular.element() 方法可以将一个原生DOM对象转成JQuery对象。 // 如果想用完整的JQuery,就引入外部的JQuery.js。(在AngularJS之前引入)。引入之后angular.element就等价于JQuery中的"$"。 var box = document.querySelector('.box'); box = angular.element(box); //将一个原生DOM对象转成JQuery对象。 box.css('color','red'); //调用JQuery中的方法。 </script> </body> </html>