如何让html页面加载时就调换两个p/span/div的位置
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>如何用JS/JQuery重组多个div/p/span的顺序</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(function(){ var $one = $("#one"); var $two = $("#two"); $two.insertBefore($one); }); </script> </head> <body> <button>无需点击按钮,页面加载时自动调换顺序</button> <br><br> <p id="one">这是第一个段落。</p> <p id="two">这是第2个段落。</p> </body> </html>
页面加载的时候就是已经调换顺序的了: