切换布局
显示结果
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>迹忆客(jiyik.com)</title> <script src="https://www.jiyik.com//templets/jiyi/v2/js/jquery-2.2.4.min.js"> </script> <script> $(document).ready(function(){ $("#btn1").click(function(){ $("img").before("<b>之前</b>"); }); $("#btn2").click(function(){ $("img").after("<i>之后</i>"); }); }); </script> </head> <body> <img src="data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAeAAD/4QMdaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJGNkJDMkU3RUFGNTExRUJBNDczOTAzRTQ1QzFGQjkyIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJGNkJDMkU2RUFGNTExRUJBNDczOTAzRTQ1QzFGQjkyIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0iMERDNDJCMkZCMjU4OTU4RDI0NUYyRTVGQ0VBQTNERTAiIHN0UmVmOmRvY3VtZW50SUQ9IjBEQzQyQjJGQjI1ODk1OEQyNDVGMkU1RkNFQUEzREUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAEAsLCwwLEAwMEBcPDQ8XGxQQEBQbHxcXFxcXHx4XGhoaGhceHiMlJyUjHi8vMzMvL0BAQEBAQEBAQEBAQEBAQAERDw8RExEVEhIVFBEUERQaFBYWFBomGhocGhomMCMeHh4eIzArLicnJy4rNTUwMDU1QEA/QEBAQEBAQEBAQEBA/8AAEQgALQAtAwEiAAIRAQMRAf/EAIcAAAMAAwEAAAAAAAAAAAAAAAMEBQABAgYBAQEBAAAAAAAAAAAAAAAAAAIDBBAAAgEDAQQGCAUFAAAAAAAAAQIDABEEEiExQQVRYSIyExRxgZGh0UIjFbFScoIkwWKyMzQRAAIBAgUDBAMAAAAAAAAAAAECEQAhMUFREgNhgUJx0SIykaHB/9oADAMBAAIRAxEAPwD3UkiRIZJDpVd5qRkc0nlbRBdFOwAbXNFyi2dmjDRtMaXLHftG/wCFAOZBjApgR9rcZ3F2P6RWPm5SSQG2IDEj7MRjFSZusCt+SfSJM+fwA3dDHU59NcyR52F21ctFwkQ6kt1ilX8V5Lyamlb81yx9VHhkzsIalR1j+ZXU6D8KgGXIOseYMnvRkaEdafwuaLKRHNZXPdYbjVCoojxc5XaBfL5CqXZN8bAdFE+4v9tLX+qCELcbEE6vYK0pyttKsw+rFXHT+imGMEE5WND5WxbmOo72VyfXScf+1P1r/lT2DGYuamM7LBwPcR7qSVWSdUcFWDrdTsPerMwIRZy5GB/VA4D1NVWliTmOUrOsU8iIIZG3Ds9daij5rG4cSrlR/MmododVxXGXLjLl5MGSp0ShLSKLsp0igRR8tx5FmGSzlDqCKtibeqrFvkRIs7YPtIvmDjSm/c5xXfL/APsybIY/pv8ATO9do2VODHwSvA2PsB+NU8KRsjLysrSVjaNhfgN1hfpsKniM+UaXhqVR6dLE1OJ2QbTyGY8dYo6d/wAVW5lhvJbJgv40e8LsJA4jrFJpzSWymaJJ3TuOwsw91XKlcx+3azq1Cf5vCtf91+z/AFq/LxksW4nAPks2n3psLkqfWgy4mVk/ykZMgyHtCM907gO10VnlsXE25jeLLwx4937jS8YcOfKtIzW7WldJt16WNajGNe8rSHb2gigG/WWY/hWe24/Eb897DbNDPC/U0dsjLznGPEAkfCJNihelj0VU8jF5TyvC3e46t+r21mF5Pwv4ltPzfmv/AHX20zWpOPaGlw3Kya4D2qgETeWIr//Z" alt=""> <br><br> <button id="btn1">之前插入</button> <button id="btn2">之后插入</button> </body> </html>
