原生js
var a = document.getelementbyid("dom");
del_space(a); //清理空格
var b = a.childnodes; //獲取a的全部子節點；
var c = a.parentnode; //獲取a的父節點；
var d = a.nextsibling; //獲取a的下乙個兄弟節點
var e = a.previoussibling; //獲取a的上乙個兄弟節點
var f = a.firstchild; //獲取a的第乙個子節點
var g = a.lastchild; //獲取a的最後乙個子節點
使用jquery
jquery.parent(expr) //找父親節點，可以傳入expr進行過濾，比如$("span").parent()或者$("span").parent(".class")
jquery.parents(expr) //類似於jquery.parents(expr),但是是查詢所有祖先元素，不限於父元素
jquery.children(expr) //返回所有子節點，這個方法只會返回直接的孩子節點，不會返回所有的子孫節點
jquery.contents() //返回下面的所有內容，包括節點和文字。這個方法和children()的區別就在於，包括空白文字，也會被作為乙個jquery物件返回，children()則只會返回節點
jquery.prev() //返回上乙個兄弟節點，不是所有的兄弟節點
jquery.prevall() //返回所有之前的兄弟節點
jquery.next() //返回下乙個兄弟節點，不是所有的兄弟節點
jquery.nextall() //返回所有之後的兄弟節點
jquery.siblings() //返回兄弟姐妹節點，不分前後
jquery.find(expr) //跟jquery.filter(expr)完全不一樣。jquery.filter()是從初始的jquery物件集合中篩選出一部分，而jquery.find()的返回結果，不會有初始集合中的內容，比如$("p"),find("span"),是從p元素開始找,等同於$("p span").
JS 獲取dom元素
box class one name bbb style width 100px height 100px background color pink div1div box1 class one div1div box2 class one div1div 通過 id來獲取元素 var box d...
JS獲取元素的子元素
1li 2li 3li 4li ul 選取上面結構裡面的li ul li nth child 1 選取第乙個li ulli nth child odd 選取偶數 ulli nth child even 選取奇數 ulli nth child 3n 1 選取3n 1個元素 由於ie8不支援這種選擇器的...
jquery獲取父級元素 同級元素以及子元素的方法
有檔案的結構如下 123 4 5 6781.獲取父級元素 parent 獲取td2節點的父節點即tr1，並將背景顏色的樣式改為黑色 td2 parent css background color black 另外 parent document 方法取得乙個包含著所有匹配元素的唯一父元素的元素集合。...