jquery 拼接
jQuery 拼接字符串或元素
使用 jQuery 拼接字符串或 DOM 元素可以通过多种方式实现，以下是常见的几种方法：
字符串拼接 使用 JavaScript 原生字符串拼接方式，结合 jQuery 操作：
var str1 = "Hello";
var str2 = "World";
var result = str1 + " " + str2; // 结果为 "Hello World"数组拼接后连接
利用数组的 join() 方法拼接字符串：
var parts = ["Hello", "World"];
var result = parts.join(" "); // 结果为 "Hello World"DOM 元素拼接
使用 jQuery 的 append() 或 html() 方法拼接 DOM 元素：
// 创建元素并拼接
var $div = $("<div>").addClass("container");
$div.append($("<p>").text("Paragraph 1"));
$div.append($("<p>").text("Paragraph 2"));
// 或者通过字符串拼接后一次性插入
var htmlContent = "<p>Paragraph 1</p><p>Paragraph 2</p>";
$div.html(htmlContent);模板字符串拼接 ES6 模板字符串提供更简洁的拼接方式：
var name = "Alice";
var greeting = `Hello, ${name}!`; // 结果为 "Hello, Alice!"jQuery 对象合并
合并多个 jQuery 对象时使用 add() 方法：
var $elements1 = $(".class1");
var $elements2 = $(".class2");
var $combined = $elements1.add($elements2);注意事项
- 字符串拼接时注意处理特殊字符或 HTML 转义，避免 XSS 漏洞。
- 频繁操作 DOM 时建议使用文档片段（DocumentFragment）或一次性插入，减少重绘次数。
- 复杂拼接场景可考虑使用模板引擎（如 Handlebars）或前端框架（如 Vue/React）。
