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()等,如果没有参数则为读取,如果有参数则为设置。

<完>

你可能感兴趣的:(jQuery笔记-文档处理)