Angular.element和$document的使用方法分析，代替jquery

AngularJs是不直接操作DOM的，但是在平时的开发当中，我们有的时候还是需要操作一些DOM的，如果使用原生的JS的话操作过于麻烦，所以大家一般都是使用jQuery，jQuery虽然好用，但是AngularJs是不建议和JQuery同时使用的，所以AngularJs给我们也提供了一些操作DOM的方法———Jqlite

下面以addClass（）方法为例给大家讲解一下Jqlite的使用：

查阅官方提供的api，可以看到使用方法是angular.element(ele)，其中，允许传入的参数ele的类型是“HTML string or DOMElement to be wrapped into jQuery.”一般传入参数DOMElement

方法一：querySelector

//这里也可以查询.className,前提是这个className是唯一的，因为querySelector返回的是第一个匹配到的元素
var test = angular.element(document.querySelector(‘#testId’));
test.addClass(‘testClass’);

以原生j