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结构包裹每个匹配元素
如有错误描述请指正