Jquery中的DOM操作：

DOM是 Document Object Model的缩写，是一种与浏览器，平台，语言无关的接口，使用该接口可以访问页面中所有的标准组件，下面介绍一下常用的一些DOM操作：

 

选择节点：

将在下篇博客中详细的说一下JQuery的选择器

 

创建节点：

使用$( html );函数，例如创建一个<li>元素。使用JQuery写成：

var $li = $("<li Title=’元素的Title属性名‘>元素名</li>");

创建完成后，通过.appendTo()方法添加到想要添加到的具体元素里

 

常用的插入节点的方法：

append()/appendTo() : 在元素内加载内容

prepend()/prependTo() : 在匹配的元素内部前置加载元素

after()/insertAfter() : 在匹配的元素后加载元素

before()/insertBefore() 在匹配的元素前加载元素

 

删除节点：

Remove()，Detath()，empty()

Remove()删除元素节点后，会把附带的绑定事件，附加数据等全部删除，此外Remove()方法也可以有选择性的删除元素，例如：

$("ul li").remove("li[title != 元素的Title名]");

Detath()删除元素节点后，会保留附带的绑定事件，附加数据等

empty()确切的说，是清空节点的所有后代元素

 

复制节点：

使用clone()函数，复制的元素不具有原有的功能，如果想把功能等也复制过去，在clone()函数中传入参数true,变为clone(true)

 

替换节点：

replaceWith()和replaceAll()函数。替换之后，原有的节点绑定事件失效

在替换的元素前加入<strong></strong>标签

 

属性操作：

atter(): 用来获取和设置元素属性

removeAtter(): 删除元素属性

 

获取到元素

往atter()函数中传入属性名称

设置元素

往atter()函数中传入属性名称以及设置的属性值，中间用.隔开

 

样式操作：

addClass/RemoveClass()

RemoveClass()函数中，传入class样式名称，则删除对应的样式，若要删除多个样式，填入多个样式名，中间用空格隔开，若不填入参数，则删除全部样式

ToggleClass() : 替换样式

hasClass() : bool值类型，判断谁否有相应样式

 

获取html，文本和值：

$().html()/$().text()/$().val()

鼠标的焦点事件：

focus()/blur() 获得焦点/失去焦点

 

遍历节点：

children()： 获取元素的子元素

next() : 获取所选元素的下一个同辈节点

prev(): 获取所选元素的前面紧临的同辈节点

siblings(): 获取所选元素的前后所有的同辈节点