jQuery笔记-文档处理

创建节点

$(html) 语句可以自动将其中的html转换为jQuery对象。通过这种方法创建的元素必须是闭合的，即有<p>就必须有一个</p>

内部插入节点函数

a.append(content) 将content节点加入a的尾部,content可以使jQuery对象，也可以是html片段

a.appendTo(content) 将a加入到content,content可以使jQuery对象，也可以是html片段

a.prepend(content) 将content插入到a的开始处,content可以使jQuery对象，也可以是html片段

a.prependTo(content) 将a插入到content的开始处,content可以使jQuery对象，也可以是html片段

外部插入节点

顾名思义，和内部插入节点的区别是，将html元素添加到元素的外部。 

a.after(content|fn) 将content加到a的后面

a.before(content|fn) 将content加到a的前面

a.insertAfter(content) 将a加入到content的后面

a.insertBefore(content) 将a加入到content的前面

包裹

a.wrap(html|ele|fn) 将html的内容包裹a 

a.wrapAll(html|ele) 将所有a元素一起用html打包
<p>1</p>
<button>3</button>
<p>2</p>

如果用a.wrap("<div></div>")包裹如下：
<div><p>1</p></div>
<button>3</button>
<div><p>2</p></div>

如果用a.wrapAll("<div></div>")包裹如下注意，会自动将button元素放到外边：

<div>
<p>1</p>
<p>2</p>

</div>

<button>3</button>

a.unwrap() 将已经调整的包裹解除包裹，若想上面被调整了button位置，不会被调整回来。

a.wrapInner(html|ele|fn) 
<p>1</p> .wrapInner("<div></div>")包裹后变为</p><div>1</div></p

替换

a.replaceWith(content|fn)  把a替换为content内容

a.replaceAll(content)      把content内容替换为a

删除

$a.empty() 清空节点内容

$a.remove([expr]) 删除节点 

复制

注意在clone节点后，如果有相同的属性需要修改的，比如id需要进行修改。

a.clone()  只复制节点

a.clone() 同时复制点击等事件处理函数

其他函数：

jQuery中很多方法是一个函数实现获取和设置的功能
比如attr(),html(),text(),val(),height(),width(),css()等，如果没有参数则为读取，如果有参数则为设置。

<完>