JavaScript和jquery獲取父級元素、子級元素、兄弟元素的方法
最近工作中總遇到取各種父啊子啊兄弟姐妹啊,每次都得查,這次整理個全乎的~
先給大家上干貨:
【js的獲取方式】
<div id = "dom">
<div></div>
<div></div>
<div></div>
</div> function dom(){ var a = document.getElementByIdx_x_x("dom"); var b = a.childNodes; 獲取a的全部子節(jié)點(diǎn) var c = a.parentNode; 獲取a的父節(jié)點(diǎn) var d = a.nextSbiling; 獲取a的下一個兄弟節(jié)點(diǎn) var e = a.previousSbiling;獲取a的上一個兄弟節(jié)點(diǎn) var f = a.firstChild; 獲取a的第一個子節(jié)點(diǎn) var g = a.lastChild; 獲取a的最后一個子節(jié)點(diǎn) }
【jQuery的獲取方式】
jQuery.parent(expr) 找父親節(jié)點(diǎn),可以傳入expr進(jìn)行過濾,比如$("span").parent()或者$("span").parent(".class")
jQuery.parents(expr),類似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素
jQuery.children(expr).返回所有子節(jié)點(diǎn),這個方法只會返回直接的孩子節(jié)點(diǎn),不會返回所有的子孫節(jié)點(diǎn)
jQuery.contents(),返回下面的所有內(nèi)容,包括節(jié)點(diǎn)和文本。這個方法和children()的區(qū)別就在于,包括空白文本,也會被作為一個
jQuery對象返回,children()則只會返回節(jié)點(diǎn)
jQuery.prev(), 返回上一個兄弟節(jié)點(diǎn),不是所有的兄弟節(jié)點(diǎn)
jQuery.prevAll(),返回所有之前的兄弟節(jié)點(diǎn)
jQuery.next(), 返回下一個兄弟節(jié)點(diǎn),不是所有的兄弟節(jié)點(diǎn)
jQuery.nextAll(),返回所有之后的兄弟節(jié)點(diǎn)
jQuery.siblings(), 返回兄弟姐妹節(jié)點(diǎn),不分前后
jQuery.find(expr),跟jQuery.filter(expr)完全不一樣。jQuery.filter()是從初始的jQuery對象集合中篩選出一部分,而jQuery.find()的返回結(jié)果,不會有初始集合中的內(nèi)容,比如$("p"),find("span"),是從p元素開始找,等同于$("p span")
相關(guān)文章
JS實(shí)現(xiàn)漢字與Unicode碼相互轉(zhuǎn)換的方法詳解
這篇文章主要介紹了JS實(shí)現(xiàn)漢字與Unicode碼相互轉(zhuǎn)換的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了javascript針對漢字與Unicode編碼轉(zhuǎn)換的操作技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-04-04
JS實(shí)現(xiàn)上傳圖片實(shí)時預(yù)覽功能
這篇文章主要介紹了JS實(shí)現(xiàn)上傳圖片實(shí)時預(yù)覽功能,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-05-05
js實(shí)現(xiàn)鼠標(biāo)觸發(fā)圖片抖動效果的方法
這篇文章主要介紹了js實(shí)現(xiàn)鼠標(biāo)觸發(fā)圖片抖動效果的方法,通過定時器定時遞歸調(diào)用rattleimage函數(shù)實(shí)現(xiàn)抖動效果,非常實(shí)用,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
極酷的javascirpt,讓你隨意編輯任何網(wǎng)頁
極酷的javascirpt,讓你隨意編輯任何網(wǎng)頁...2007-02-02
window.name代替cookie的實(shí)現(xiàn)代碼
window.name代替cookie的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2010-11-11
基于jQuery通過jQuery.form.js插件使用ajax提交form表單
在jQuery Form插件可以讓你很容易的使用AJAX提交Form表單,主要方法ajaxForm和ajaxSubmit負(fù)責(zé)收集表單元素的信息,管理提交進(jìn)程。這兩種方法都是可配置的,讓你完全控制Form提交,本篇文章介紹基于jQuery通過jQuery.form.js插件使用ajax提交form表單,需要的朋友可以參考下2015-08-08
JavaScript實(shí)現(xiàn)封閉區(qū)域布爾運(yùn)算的示例代碼
這篇文章主要介紹了JavaScript實(shí)現(xiàn)封閉區(qū)域布爾運(yùn)算的示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
JS關(guān)鍵字球狀旋轉(zhuǎn)效果的實(shí)例代碼
這篇文章主要介紹了JS關(guān)鍵字球狀旋轉(zhuǎn)效果的實(shí)例代碼。需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11

