DOM与Jquery方法对照表（versions：Itcast）

 

DOM	用途说明	Jquery
document.createElement(TagName)	创建元素	$("TagName")
parentElement.appendChild(Element)	附加子节点	$parentElement.Append() $Element.AppendTo(parentElement)
parentElement.insertBefore(Element, siblingElement)  parentElement.insertBefore(siblingElement, Element)	插入兄弟节点	$(siblingElement).before(Element) $(siblingElement).after(Element)
document.GetElementById(ElementId)	通过ID属性获取元素	$("#ElementId")
document.GetElementsByTagName(ElementsTagName)	通过标签名称获取元素	$("TagName")
document.GetElementsByName(ElementsName)	通过Name属性获取元素	$("Elements[name=ElementsName]")
Element.parentNode.removeChild(Element)	移除元素	$Element.remove()
Element.innerText	获取或设置元素的innerText	$Element.Text()
Element.innerHTML	获取或设置元素的innerHTML	$Element.HTML()
Element.className Element.style	获取或设置元素的样式表	$Element.addClass(className) $Element.toggleClass(className) $Element.removeClass(className)
Element.cssText	获取或设置元素的style	$Element.css()
Element.getAttribute(attributeName)	获取元素的value	$Element.attr(attributeName)
Element.setAttribute(attributeName, attributeValue)	设置元素的value	$Element.attr(attributeName, attributeValue)
Element.parentNode	获取元素的父节点	$Element.parent()
Element.childNodes	获取元素的子节点	$Element.children()
Element.previousSibling	获取元素的前一个兄弟元素	$Element.prev()
Element.nextSibling	获取元素的后一个兄弟元素	$Element.next()
window.onload() = function() {};	绑定窗体加载事件	$(document).ready(function() {}); $(function() {});
Element.onclick = function() {};	绑定元素的单击事件	$Element.click(function() {});