angularJS——jquery.bower

jQuery

在没有引入jQuery的前提下AngularJS实现了简版的jQuery Lite，通过angular.element不能选择元素，但可以将一个DOM元素转成jQuery对象，如果提前引入了jQuery则angular.element则完全等于jQuery。

<div ng-controller="DemoController">
        <div class="box">普通一个盒子</div>
        <button>点击</button>
    </div>
    <script src="./libs/jquery.min.js"></script>
    <script src="./libs/angular.min.js"></script>
    <script>

        // angular.element() 方法可以将一个原生DOM对象转成jquery对象

        // 原生DOM对象
        var box = document.querySelector('.box');
        var btn = document.querySelector('button');
        // 转成jQuery对象
        box = angular.element(box);
        btn = angular.element(btn);

        btn.on('click', function () {
            // 
            // box.css('color', 'red');

            box.animate({
                fontSize: '40px'
            }, 400);
        });

        // 但是angularJS 只是实现了jquery对象部分方法


    </script>

bower

基于NodeJS的一个静态资源管理工具，由twitter公司开发维，解决大型网站中静态资源的依赖问题。
1、依赖NodeJS环境和git工具。
2、npm install -g bower安装bower
3、bower search 查找资源信息
4、bower install 安装（下载）资源，通过#号可以指定版本号
5、bower info 查看资源信息
6、bower uninstall 卸载（删除）资源
7、bower init初始化，用来记录资源信息及依赖。