jQueryDOM节点操作（一）

1.0 JavaScript中创建DOM节点
(1) DOM到含义：
①什么是DOM？
DOM是 W3C（万维网联盟）的标准。
DOM定义了访问 HTML 和 XML 文档的标准：
“W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”
②W3C DOM标准标准被分为 3 个不同的部分：
核心 DOM - 针对任何结构化文档的标准模型
XML DOM - 针对 XML 文档的标准模型
HTML DOM - 针对 HTML 文档的标准模型
③DOM 是 Document Object Model（文档对象模型）的缩写。
(2)创建流程：
1.创建元素 document.createElement()
2.为节点添加一下属性 element.setAttribute();
3.可以使用innerText或则innerHTML属性添加文本或则HTML内容;
4.使用parentElement.appendChild()方法将新创建的节点添加到父节点中。
【 window.onload = function () {
var div = document.createElement(“div”); //创建DIV节点
div.setAttribute(“class”, “box”); //给创建的节点添加class属性
div.innerHTML = “这是一个通过JS动态添加的div”; //给创建的节点添加HTML内容
console.log(div);//输出创建DIV节点
document.body.appendChild(div); //将节点添加到body元素中
} 】
(3)jQuery创建节点：
①jQuery节点的创建:$(\dots )函数处理，$(“html结构”)。
②jQuery创建的节点是一个jQuery对象
【 $(document).ready(function () {
var div = $("<$