jQuery操作（常用方法)-插入和刪除

jQuery操作（常用方法)-插入和刪除

文檔處理（刪除）
remove([expr])/元素刪除/

 function jq1(){            $(function(){                 $('div').remove('#odiv1'); /*從DOM中刪除所有匹配的元素。    */            })        }        jq1();

html片段

div div_id = odiv1 span h1

文檔處理（插入）

(function(){                 /*把所有匹配的元素插入到另一個、指定的元素元素集合的前面。*/                   $('.odiv').insertBefore('span'); }()) ;(function(){  /*把所有匹配的元素插入到另一個、指定的元素元素集合的後面。  */                  $('.odiv').insertAfter('span');  }());(function(){/*把所有匹配的元素追加到另一個指定的元素元素集合中。   */                  $('span').appendTo('.odiv');  }()); (function(){ /*把所有匹配的元素前置到另一個、指定的元素元素集合中(和appendTo()相反把指定元素添加到匹配元素之中)*/                 $('span').prependTo('.odiv');   }());

接下來解釋

insertBefore與before

insertAfter與after

appendTo與append

prependTo與prepend

==>>區別：後續操作變了

如：

$('.odiv').insertBefore('span').css('background','red');$('.odiv').before('span').css('background','red');

兩者效果一致但是呢insertBefore(‘必須是content’)，而before(content|fn)中content和函數fn是可選的即可以使用函數來新增內容或者傳遞參數

文法：$(selector).append(function(index,html));
如：

$('span').before($(#odiv)[0]);

/*以上所排什麼insertAfter與after啊，appendTo與append啊，prependTo與prepend都是這個道理

*/
HTML代碼塊

span div

（大神勿噴啊！）