jQuery操作(常用方法)-插入和删除

页面导航:首页 > 网络编程 > JavaScript > jQuery操作(常用方法)-插入和删除

jQuery操作(常用方法)-插入和删除

来源: 作者: 时间:2016-02-01 09:32 【

文档处理(删除)remove([expr]) 元素删除 function jq1(){ $(function(){ $(div) remove( odiv1); *从DOM中删除所有匹

文档处理(删除)
remove([expr])/元素删除/

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

片段


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

(大神勿喷啊!)

 

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<