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

html xmlns="http://www.w3.org/1999/xhtml" headtitlejQuery与javascript对照学习(获取父子前后元素)/titlestyle type="text/css".c1{background-color:green;padding:20px;}.c2{background-color:red;padding:20px;}.c1 div{background-color:gray;}/stylescript type="text/javascript" src="style/jquery-1.3.2.min.js"/scriptscript type="text/javascript"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;ichilds.length;i++){alert(childs[i].id);}//jQuery的each遍历}/script/headbodydiv class="c1" onclick="fChild(this);"div id="first" onclick="fNext(this);"first/divdiv id="second" onclick="fPrev(this);"second/divdiv id="third" onclick="fParent(this);"parent/div/div/body/html
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]