应用jquery创建节点

1.创建节点
2.插入节点


//创建节点
/**
$(function(){
var box=$('<div id="box"></div>');
$('body').append(box);
})
*/
//在创建的节点中插入内容
/**
$(function(){
var box=$('<div id="box">新的内容</div>');
$('body').append(box);
})
*/


//使用匿名函数创建节点并插入内容
/**
$(function(){
$('div').append(function(index,html){//index是要插入节点的索引，html是节点内容
return '<strong>新的内容</strong>'+html;
  })
})
*/


//移动已存在的内容
/**
$(function(){
$('strong').appendTo('div');//strong标签移动到div标签里面
})
*/


//添加当前内容的前面
/**
$(function(){
//  $('div').prepend('<strong>添加到前面的内容</strong>');//直接添加到div内容的前面
// $('div').prepend(function(){//利用匿名函数添加到div内容的前面
// return '<strong>添加到前面的内容</strong>';
// })
$('div').prepend(function(index,html){//index是要插入节点的索引，html是节点内容
return '<strong>添加的内容</strong>'+html;
})
})
*/
//将已有的标签添加到指定标签的里面，并且事插到前面
/**
$(function(){
$('strong').prependTo('div');//将div区块外的strong标签插到div里面，并且是div内部的前面
})
*/
//在后面添加兄弟节点
/**
$(function(){
//$('div').after('<strong>添加的兄弟节点</strong>');//在div区块的后面直接添加strong兄弟节点
$('div').after(function(){
return '<strong>添加的兄弟节点</strong>';//调用匿名函数在div区块后面添加strong兄弟节点
})
})
*/


//zai前面添加兄弟节点
/**
$(function(){
//$('div').before('<p>添加的段落</p>');//在div区块前面直接添加一个p标签
$('div').before(function(index,html){//调用匿名函数在div前面添加p标签
return '<p>添加的p标签</p>';
});
})
*/


//兄弟节点前后调整
/**
$(function(){
$('strong').insertAfter('div');//把strong调整到div兄弟节点的后面
$('div').insertBefore('strong');//把div调整到strong兄弟节点的前面
})
*/