jQuery之DOM操作小結

一、過濾器


1 匹配指定元素的父


elem.parent([exp])
2 匹配指定元素的子元素


elem.children([exp])
3 匹配指定元素的父、祖元素…


elem.parents([exp])
4 匹配指定元素的子、孫元素…


elem.find([exp])
5 匹配指定元素的後一個兄弟元素


elem.next([exp])
6 匹配指定元素的後面所有兄弟元素


elem.nextAll([exp])
7 匹配指定元素的前一個兄弟元素


elem.prev([exp])
8 匹配指定元素的前面所有兄弟元素


elem.prevAll([exp])
9 匹配指定元素的所有兄弟元素


elem.siblings([exp])
10 匹配指定以外的元素


elem.not(exp)
11 包括自身在內的全部元素


elem.andSelf()
12 返回指定索引值的元素


elem.eq(index)
13 判斷元素是否包含指定的類


elem.hasClass(className)
二、文檔處理


1 在指定元素內的未尾追加一個子元素


語法 :Elem.append(ele)
2 把元素的追加到指定父級元素內的末尾


語法 : ele.appendTo(Elem)
說明 : 要求ele必須爲JQuery元素,可以通過Elem.children(‘:last’)引用
3 在指定元素內的開始添加一個子元素


語法 : Elem.prepend(ele)
4 把元素的加入指定父級元素內的開始


語法 : ele.prependTo(Elem)
說明 : 要求ele必須爲JQuery元素,可以通過Elem.children().eq(0)引用
5 使元素逐一被指定的HTML標記包裹起來


語法 : Elem.wrap(Tag)
說明: Tag將成爲元素的父元素,可以通過Elem.parent()引用
6 使元素集合被指定的HTML標記包裹起來


語法 :Elem.wrapAll(Tag)
說明:
wrap把每個子元素逐一都包裹起來,wrapAll是把所有的子元素作爲整體包裹起來。
7 包裹指定元素的子元素,相當於在元素和子元素中間加了隔離層


語法 : elem.wrapInner(Tag)
8 在元素之後添加兄弟元素。新添加的元素可以通過elem.next() 引用。


語法 : elem.after(ele)
9 在元素之前添加兄弟元素。新添加的元素可以通過elem.prev() 引用。


語法 : elem.before(ele)
10 將元素A移動到元素B之後


語法 : elA.insertAfter(elB)
11 將元素A移動到元素B之前


語法 : elA.insertBefore(elB)
12 清空元素的子節點(元素本身及其屬性仍然存在)


語法 : elem.empty()
13 從DOM中刪除所有匹配的元素


語法 : elems.remove([條件])
14 將元素A替換爲B


語法 : elA.replaceWith(elB);

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。

原文鏈接:http://blog.poetries.top/2017/01/14/js-and-jquery-dom-compare/



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章