DOM操作
DOM本身就具有很丰富的操作方法,可以取代jQuery提供的操作方法。
/*获取父元素*/
// jQuery写法
$('#elementID').parent();
// DOM写法
document.getElementById('elementID').parentNode;
/*获取下一个同级元素。*/
// jQuery写法
$("#elementID").next();
// DOM写法
document.getElementById('elementID').nextSibling;
/*尾部追加DOM元素。*/
// jQuery写法
$(parent).append($(child));
// DOM写法
parent.appendChild(child);
/*头部插入DOM元素。*/
// jQuery写法
$(parent).prepend($(child));
// DOM写法
parent.inertBefore(child,parent.childNodes[0]);
/*生成DOM元素。*/
// jQuery写法
$("<p>");
// DOM写法
document.createElement(tag||'p');
/*删除DOM元素。*/
// jQuery写法
$(child).remove();
// DOM写法
child.parentNode.removeChild(child);
/*清空子元素。*/
// jQuery写法
$("#elementID").empty();
// DOM写法
var ele = document.getElementById('elementID');
while(ele.firstNode){ele.removeChild(ele.firstNode)};
/*检查是否有子元素。*/
// jQuery写法
if(!$('#elementID').is:(":empty")){}
// DOM写法
if(document.getElementById('elementID').hasChildNodes()){}
/*克隆元素。*/
// jQuery写法
$("#elementID").clone();
// DOM写法
document.getElementById('elementID').cloned(true);