AngularJS操作DOM -- jqLite
Angular不鼓勵依賴jQuery庫,但是在應(yīng)用中仍然使用它。需要保證jQuery在angular之前引入系奉。
Angular本身包含了一個叫做jqLite的可兼容性庫。
通過angular.element()方法就可以返回一個jqLite對象,jqLite是JQuery庫的子集茶鉴,它允許Angular以跨瀏覽器的方式維護DOM.。
方法:
- addClass() -- 為每個匹配的元素添加指令的類
- after() -- 在每個匹配元素后面插入內(nèi)容景用,作為其兄弟節(jié)點
- append() -- 將內(nèi)容插入到每個匹配元素的尾部
- attr() -- 獲取或者設(shè)置匹配的第一個元素的值
- bind() -- 給選中的元素綁定一個事件處理函數(shù)(不支持命名空間涵叮、選擇器或事件數(shù)據(jù))
- children() -- 獲得每個匹配元素的子元素 (不支持選擇器)
- clone() -- 創(chuàng)建一個元素的深度拷貝
- contents() -- 獲取給每個匹配元素的子元素柄延,返回的集合中包含文本和注釋節(jié)點
- css() -- 獲取或者設(shè)置匹配的第一個元素的style屬性值
- data() -- 存儲或返回與元素關(guān)聯(lián)的指定數(shù)據(jù)值
- detach() -- 從DOM中去掉所有匹配的元素
- empty() -- 從DOM中移除集合中匹配元素的所有子節(jié)點
- eq() -- 獲取指定索引位置的元素
- find() -- 得到當前匹配的元素集合中每個元素的后代(過濾只支持html標簽)
- hasClass() -- 確定元素本身是否分配了給定的類
- html() -- 獲取或者設(shè)置每個匹配元素的HTML內(nèi)容
- next() -- 取得匹配的元素集合中每一個元素緊鄰的后面同輩元素的元素集合(不支持選擇器)
- on() -- 給選中的元素綁定一個或多個事件處理函數(shù)(不支持命名空間妆偏、選擇器或事件數(shù)據(jù))
- off() -- 通過名稱從元素上移除一個事件處理程序(不支持命名空間、選擇器)
- one() -- 為元素的事件添加處理函數(shù)。處理函數(shù)在每個元素上每種事件類型最多執(zhí)行一次(不支持命名空間绅你、選擇器)
- parent() -- 獲取元素的父元素(不支持選擇器)
- prepend() -- 將內(nèi)容插入到每個匹配元素的前面
- prop() -- 設(shè)置或獲取匹配的第一個元素的屬性值
- ready() -- 指定一個DOM加載完成時執(zhí)行的函數(shù)
- remove() -- 將每個匹配的元素從DOM中刪除
- removeAttr() -- 從匹配的每個元素中移除一個屬性
- removeClass() -- 移除每個匹配元素上一個,多個或所有類
- removeData() -- 在元素上移除先前存儲的數(shù)據(jù)
- replaceWith() -- 用提供的內(nèi)容替換每個匹配的元素并且返回被刪除元素的集合
- text() -- 得到每個匹配元素的合并文本滞乙,包括他們的后代
- toggleClass() -- 在匹配的元素中添加或者移除一個或者多個類(取決于這個樣式類是否存在消约。如果存在--刪除,不存在--添加)
- triggerHandler() -- 執(zhí)行附加給元素的某個事件的所有事件處理程序
- unbind() -- 通過名稱從元素上移除一個事件處理程序(不支持命名空間)
- val() -- 獲取或設(shè)置每個匹配元素的當前值
- wrap() -- 使用指定的HTML結(jié)構(gòu)包裹每個匹配元素
如有錯誤描述請指正