现在的位置: 主页 > 公司荣誉 > 文章列表

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

作者:厦工楚胜(湖北)专用汽车制造有限公司 来源:www.szzq168.com 发布时间:2017-09-15 10:46:03
 

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.45qun.com

  • 上一篇:asp.net中c# byte[] 转换为 IntPtr几种方法
  • 下一篇:最后一页