jQuery与javascript对照学习 获取父子前后元素 实现代码

jQuery与javascript对照学习(获取父子前后元素)

.c1{background-color:green;padding:20px;}
.c2{background-color:red;padding:20px;}
.c1 div{background-color:gray;}



function fNext(obj){//许多时候需要元素之间没有间隙才能取到
//alert(obj.nextSibling.id);
alert(jQuery(obj).next().attr("id"));//传递this，通过$(obj)转化为jQuery对象
}
function fPrev(obj){
//alert(obj.previousSibling.id);
alert(jQuery(obj).prev().attr("id"));
}
function fParent(obj){
//alert(obj.parentNode.className);
//alert(jQuery(obj).parent().attr("class"));
jQuery(obj).parent().removeClass("c1").addClass("c2")
alert(jQuery(obj).parent().attr("className"));//取得className，当成属性来取
}
function fChild(obj){
//var childs = obj.childNodes;
var childs = jQuery(obj).children();
for(i=0;i