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

作者:湖北诺贝特科技有限公司  来源:www.nbt158.com未知  发布时间:2017-09-13 13:20:29
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://xianning.666rj.com


上一篇:python小程序----解迷宫图片
下一篇:最后一页