jquery插件2

来源：互联网发布：java 迭代器 for循环编辑：程序博客网时间：2024/06/05 23:42

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>jquery插件</title>    <script src="js/jquery.min.js"></script>    <script src="extend/replace.js"></script>   <!--插件的引入-->    <style>        .wrap{}        .box2{height:100px;border:1px solid #000;margin:10px;}    </style></head><body><div class="wrap">    <div class="box1">111111111111111</div>    <div class="box3">3333333333</div>    <div class="box5">55555555555555555</div></div><script>    $(function(){       $(".box1").after("<div class='box2'>222222222222</div>").remove();       $(".box3").replacewith("<div class='box2'>444444444444</div>");   //插件的使用       var ohtml="<div class='box2'>666666</div>"       $(".box5").replacewith(ohtml);           //插件的使用    });</script></body></html>

replace.js文件内容：

/*实现元素替换插件*/$.fn.replacewith=function(html){    return this.after(html).remove();}

图片效果显示：
这里写图片描述

0 0