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() {}); |