angular操作DOM

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)包裹每個匹配元素

如有錯誤描述請指正

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容