JQuery是很受欢迎的JavaScript库，可以用它来处理DOM、CSS、事件等方面的任务。本文介绍如何使用JQuery的replaceWith和first/last函数来替换HTML页面中的首尾元素。

$(document).ready(function(){
    // 将第一个p标签替换成h1标签，并添加样式$("p:first").replaceWith("
新标题
").css("color", "red");
    // 将最后一个p标签替换成div标签，并添加样式$("p:last").replaceWith("新内容").css("background-color", "yellow");
	}
    );
    

上述代码中，我们使用了JQuery的ready函数，确保HTML文档已经加载完成后再执行相关代码。在第一个p标签前面使用了选择器:first，表示选取页面中的第一个p元素，然后使用replaceWith函数将其替换成h1标签，并为其添加了样式。同样，最后一个p标签前面使用了选择器:last，表示选取页面中的最后一个p元素，然后使用replaceWith函数将其替换成div标签，并为其添加了样式。

JQuery的replaceWith函数可以将选取的元素替换成新的元素，如果新的元素是字符串，则JQuery将其视为HTML代码进行解析。如上述代码中使用的"

新标题

使用JQuery的first和last函数可以选取页面中的第一个和最后一个元素。这两个函数可以和其他选择器组合使用，比如可以使用:first-of-type、:last-of-type、:first-child、:last-child等来更精确地选取元素。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！