angular操作DOM

AngularJS操作DOM -- jqLite

---

Angular不鼓励依赖jQuery库，但是在应用中仍然使用它。需要保证jQuery在angular之前引入。

Angular本身包含了一个叫做jqLite的可兼容性库。

通过angular.element()方法就可以返回一个jqLite对象，jqLite是JQuery库的子集，它允许Angular以跨浏览器的方式维护DOM.。

---

方法：

• addClass() -- 为每个匹配的元素添加指令的类
• after() -- 在每个匹配元素后面插入内容，作为其兄弟节点
• append() -- 将内容插入到每个匹配元素的尾部
• attr() -- 获取或者设置匹配的第一个元素的值
• bind() -- 给选中的元素绑定一个事件处理函数(不支持命名空间、选择器或事件数据)
• children() -- 获得每个匹配元素的子元素 (不支持选择器)
• clone() -- 创建一个元素的深度拷贝
• contents() -- 获取给每个匹配元素的子元素，返回的集合中包含文本和注释节点
• css() -- 获取或者设置匹配的第一个元素的style属性值
• data() -- 存储或返回与元素关联的指定数据值
• detach() -- 从DOM中去掉所有匹配的元素
• empty() -- 从DOM中移除集合中匹配元素的所有子节点
• eq() -- 获取指定索引位置的元素
• find() -- 得到当前匹配的元素集合中每个元素的后代（过滤只支持html标签）
• hasClass() -- 确定元素本身是否分配了给定的类
• html() -- 获取或者设置每个匹配元素的HTML内容
• next() -- 取得匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合(不支持选择器)
• on() -- 给选中的元素绑定一个或多个事件处理函数(不支持命名空间、选择器或事件数据)
• off() -- 通过名称从元素上移除一个事件处理程序(不支持命名空间、选择器)
• one() -- 为元素的事件添加处理函数。处理函数在每个元素上每种事件类型最多执行一次(不支持命名空间、选择器)
• parent() -- 获取元素的父元素(不支持选择器)
• prepend() -- 将内容插入到每个匹配元素的前面
• prop() -- 设置或获取匹配的第一个元素的属性值
• ready() -- 指定一个DOM加载完成时执行的函数
• remove() -- 将每个匹配的元素从DOM中删除
• removeAttr() -- 从匹配的每个元素中移除一个属性
• removeClass() -- 移除每个匹配元素上一个，多个或所有类
• removeData() -- 在元素上移除先前存储的数据
• replaceWith() -- 用提供的内容替换每个匹配的元素并且返回被删除元素的集合
• text() -- 得到每个匹配元素的合并文本，包括他们的后代
• toggleClass() -- 在匹配的元素中添加或者移除一个或者多个类（取决于这个样式类是否存在。如果存在--删除，不存在--添加）
• triggerHandler() -- 执行附加给元素的某个事件的所有事件处理程序
• unbind() -- 通过名称从元素上移除一个事件处理程序(不支持命名空间)
• val() -- 获取或设置每个匹配元素的当前值
• wrap() -- 使用指定的HTML结构包裹每个匹配元素

如有错误描述请指正