jQuery---修改文档结构

修改文档结构(重点)

append()//在被选元素的结尾插入n个元素:$(‘#div’).append(‘你好’,’666’)

prepend() //在被选元素的开头插入n个元素

after() //在被选元素之后插入n个元素

before()//在被选元素之前插入n个元素

replaceWith()//把被选元素替换掉

remove()//删除被选元素和他的后代

empty()//删除被选元素的后代

上面的增改方法的参数可以是这5种

var txt1= ’我就是个纯文本’

var txt2=" <p>文本</p>"// HTML 标签字符串

var txt3=$(" <p></p>").text("文本") // 使用 jQuery 创建的对象

var $( “#div1”).after(txt3)

var txt4=document.createElement("p");txt4.innerHTML="文本" // DOM 创建的对象

var $(“#div1”).after(txt4)

var txt5=$(‘#p1’)//文档中已经存在的,它自己会被从文档的原来位置移除

//例:$(‘#div1’).replaceWith(txt5)//把id为div1的元素替换成id为p1的元素

clone()//克隆元素(包括后代),返回的对象不在文档中//var cp1=$(‘#p1’)

clone(true)//浅克隆----深克隆