q285661571的专栏

使用该接口可以访问页面的其它的标准组件W3C对DOM的定义如下：一个与系统平台和编程语言无关的接口，程学和脚本可以通过这个接口动态对文档的内容，结构和样式进行访问和修改。

实际上DHTML是HTML CSS  JavaScript三种技术的混合物，其意图如下：使用HTML设计i网页的内容和结构使用CSS设计网页显示样式使用JavaScript动态控制网页显示样式

可以模仿HTML语法格式，例如：$("'color : red;background-color:blue;' ">");     //属性是用单引号括起来的插入属性节点的方法和插入元素节点方法一样注意：无论是创建元素节点，还是文本节点，还是属性节点，都可以模仿HTML语格式编写HTML代码字符串

window.onload=function(){var text=document.createTextNode("text");var h1=document.createElement("h1");h1.appendChild(text);document.body.appendChild(h1);}

js创建元素：document.createElement(" 创建的元素");   //“创建的元素”指：p ,h1,div,span........jQuery创建元素：$("");  //" "引号内的必须是闭合标签，或者是""js插入元素：document.body.appendChild(要插入元素);  //要插入元素：var p=document.createElem

如果选择内容已存在，并把他们插入指定对象时，则原位置的内容将被删除，例如：$(function(){$("p").insertBefore("div");})text结果会变成text

appendChild()相当于jquery的append()insertBefore()相当于jquery的prepend(),示例：insertBefore(h1,div.firstChild);//把h1插入到div元素内部的第一个字节点的前面

appendTo()和prependTo()方法相当于append()方法和prepend()方法可知DOM设计中一贯从右到左的操作方式，即我们说把a元素插入到b元素中，按照DOM逻辑，则应该是b←a，而现在jQuery还可以通过a→b的形式实现，这更符合人的惯性思维。例如append()的插入元素实现方法为：$("body").append("");而appendTo()的实

加入转义字符后$("a\\.b")

由于jQuery技术本身就是在js基础上进行的代码封装，都遵循相同的语法规则

而且Style对象没有直接与float属性相对应的脚本属性名，则解决方法是在float属性前加css前缀为cssFloat

clone()方法能够复制匹配的DOM元素和及其包含的所有属性和子节点

返回当前节点的下一个同级节点

jQuery设置/获取属性: attr()js设置属性:setAttribute("属性名"，"属性值");///////////////////////////////////////////////////////////jQuery删除属性:removeAttr(" 属性名")js删除属性:removeAttribute("属性名")

当点击元素时，会发生 click 事件

示例：$("p").addClass("red");    //往标签里添加class="red"类的样式

jQuery读写html字符串：html(),即以字符串形式读写HTML文档结构    不含参数是指读取指定节点下的所有HTML结构.    含参数是指向指定节点下写入HTML结构的字符串，同时覆盖该节点原来包含的所有内容.    例如：$(function(){                var s = $("div").html();                $(

css()能读取所有的css样式，不管是内部样式还是外部样式css()设置css样式，例如：设置单个样式：$("p").css("属性名","属性值")，                        以对象结构设置多个样式：$({color:"red",fontWeight:"bold"})

如果css包含连字符则Style对象就会删除这些连字符，并以驼峰命名法重命令脚本属性名，例如对于：font-weight样式属性中在脚本中就必须使用fontWeight

insertBefore()指在要插入节点的前面位置插入，insertAfter()指在要插入节点的后面位置插入