jQuery操作(常用方法)-插入和删除 - 企业简介 - 新余市思创暖通工贸有限公司
现在的位置: 主页 > 企业简介 > 文章正文
jQuery操作(常用方法)-插入和删除
作者:新余市思创暖通工贸有限公司 来源:www.jxsichuang.com 发布时间:2018-04-01 22:49:17
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都是这个道理

企业建站2800元起,携手武汉肥猫科技,做一个有见地的颜值派!更多优惠请戳:黄陂网站建设 http://www.Hpwzjs.cn


  • 上一篇:Python定义类方法
  • 下一篇:最后一页
  • 
    COPYRIGHT © 2015 新余市思创暖通工贸有限公司 ALL RIGHTS RESERVED.
    本站所有原创信息,未经许可请勿任意转载或复制使用 网站地图 技术支持:肥猫科技
    精彩专题:网站建设
    购买本站友情链接、项目合作请联系客服QQ:2500-38-100