如何让html页面加载时就调换两个p/span/div的位置

坚果3年前网站工具1030
<!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>


页面加载的时候就是已经调换顺序的了:


本文版权归坚果博客网站。尊重原创。

相关文章

外贸网站建设推广公司的必备服务与优势

外贸网站建设推广公司一直以来都是在全球贸易中不可或缺的合作伙伴。在数字时代,网站已经成为企业进军国际市场的门户,而专业的外贸网站建设推广公司则是确保这扇门敞开的关键。本文将深入探讨外贸网站建设推广公司...

外贸独立站建设费用解析:建站投入与回报

建一个外贸独立站大约多少钱?——了解网站建设的成本在现代数字化时代,拥有一个外贸独立站已经成为国际贸易的一个重要方面。然而,很多初入这一领域的人都会问同一个问题:“建一个外贸独立站大约多少钱?” 这是...

阿里云的香港服务器需要备案?无法访问被墙

阿里云的香港服务器需要备案?无法访问被墙

我前几天买了一个阿里云的香港轻量云服务器。所有东西都配置好了,结果发现网站被墙,无法访问。当时立刻就找了阿里云的客服寻求帮助。阿里云客服回复说:查看端口是通的,香港属于境外网络环境,在大陆访问会出现较...

上海外贸网站建设的成功案例分析

上海外贸网站建设的重要性在全球经济日益一体化的今天,上海作为中国的经济中心,外贸业务蓬勃发展。而在这个数字化时代,上海外贸企业要想在激烈的竞争中脱颖而出,一个精心设计的外贸网站是不可或缺的。上海外贸网...

腾讯云怎么做首次备案和后续新增备案流程,需要注意的事项

首次备案:网站不能被访问,也就是关站备案。如果在备案的时候发现网站可以被打开,连腾讯云这一关都过不了,会打电话让你修改的。但是可以使用二级域名开发和发展网站内容。视频认证一定要白色背景墙。手机号不能被...

海外独立站的财务规划:多少钱是必要的?

海外独立站,多少钱?在数字时代,拥有一个海外独立站变得越来越重要,无论是作为个人品牌的一部分,还是企业扩展到国际市场的一种方式。但是,有一个关键问题需要回答:海外独立站需要多少钱?本文将深入探讨这个问...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。