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

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


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


本文首发地址:NutBlog.cn

相关文章

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

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

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

EDM营销是什么、功能是什么、EDM未来趋势?

EDM营销是什么、功能是什么、EDM未来趋势?

EDM=电子邮件营销EDM 即 Email Direct Marketing,是我们熟知的电子邮件营销。EDM营销指的是使用电子直邮(Email Direct Marketing)向潜在或现有客户发送...

亲测有效:钉钉电脑双开软件工具

亲测有效:钉钉电脑双开软件工具

【使用说明】:首次打开会弹出英文窗口, Talk.exe       pid: 【X1】·   type: Mutant  &nb...

跨境独立站平台建站:115Shop vs. WooCommerce vs. BigCommerce vs. Magento

选择最佳平台:跨境独立站建站的关键考虑因素在当今数字化时代,跨境电商行业蓬勃发展,让越来越多的企业看到了在全球市场获得成功的机会。要进入这个竞争激烈的领域,建立一个强大的跨境独立站是至关重要的。然而,...

ID邮箱验证: 防范身份盗窃的重要步骤

ID邮箱验证: 保护您的账户安全在数字时代,我们越来越多地依赖于互联网来处理我们的金融交易、社交互动和敏感信息传输。因此,保护我们的个人身份和隐私变得至关重要。ID邮箱验证是一项关键的安全措施,可以帮...

用JS/JQuery调换两个div/p/span的顺序

用JS/JQuery调换两个div/p/span的顺序

<!DOCTYPE html> <html> <head> <meta charset="utf-8">...

发表评论    

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