jQuery学习笔记（三）——DOM节点操作

标签：

一、创建节点

　　var box = $(<div></div>)

二、插入节点

　　1、内部插入

　　$(‘#box‘).append(box)　　　　　　　　将box插入内部后面

　　$(‘#box‘).appendTo(box)　　　　　　移入到box内部后面

　　$(‘#box‘).prepend(box)　　　　　　将box插入内部前面

　　$(‘#box‘).prependTo(box)　　　　移入到box内部前面

　　2、外部插入

　　$(‘#box‘).after(box)　　　　　　将box插入到外部后面

　　$(‘#box‘).before(box)　　　　　　将box插入到外部前面

　　$(‘#box‘).insertAfter(box)　　　　移入box的外部后面

　　$(‘#box‘).insertBefore(box)　　　　移入box的外部前面

三、包裹节点

　　$(‘div‘).wrap(‘<strong></strong>‘) 　　　　　　给div包裹一层html代码

　　$(‘div‘).unwrap()　　　　移除掉一层包裹

　　$(‘div‘).wrapAll()　　　　

　　$(‘div‘).wrapInner(‘<strong></strong>‘)　　　　里层包裹strong

四、节点操作

　　$(‘div‘).clone(true)　　　　　　克隆div，包括事件，默认为false

　　$(‘div‘).remove(‘.red‘)　　　　　　删除class为red的div　　删除事件

　　$(‘div‘).detach(‘.red‘)　　　　　　删除div节点，保留事件

　　$(‘div‘).enpty()　　　　　　　　清空节点里的内容

　　$(‘div‘).replaceWith(‘<span></span>‘)　　　　替换节点

jQuery学习笔记（三）——DOM节点操作

标签：

原文地址：http://www.cnblogs.com/bishar-001/p/4983551.html