Jquery文档处理（一）

一、用js动态创建节点
var body = document.querySelector(‘body’);
document.addEventListener(‘click’,function(){
//创建2个div元素
var div 1= document.createElement(‘div’)
var div 2= document.createElement(‘div’);
//给2个div设置不同的属性
div1.setAttribute(‘class’,’right’)
div2.className=’div’
div2.innerHTML=”动态创建元素节点”;
//2个div合并成包含关系
rightdiv.appendChild(div2)
body.appendChild(div1)
},false）
二、用jquery动态创建节点
var $body=$(‘body’);
$body.on(‘click’,function(){ //通过jquery生成div元素节点$var div=$(“

“)
$body.append(div) }） 三、内部插入append（）与appendTo（）$(‘.content’).append(‘

添加

‘)
$('<div>添加到</div>')appendTo('$(“.content”)’)
四、外部插入after()与before（）
$(“.test1”).before(“

在匹配元素之前添加

“）
$(“.test2”).after(“

在匹配元素之后添加

“)
五、内部插入perpend（）与perpendTo（）
$(‘.test1’).prepend(‘

添加

‘)
$('<p>添加</p>').prependTo('$(‘.test2’)’)
append()向每个元素内部追加内容
prepend（）向每个匹配的元素内部前置内容
appendTo（）把所有匹配的元素追加到另一个指定元素的集合中
prependTo（）把所有匹配的元素前置到另一个指定的元素集合中