jquery 换行
使用jQuery实现换行的方法
在jQuery中，可以通过多种方式实现文本或元素的换行效果。以下是几种常见的方法：
使用HTML的<br>标签
通过jQuery动态插入<br>标签可以实现换行效果：
$("#targetElement").append("<br>");使用CSS的white-space属性
通过CSS控制元素的空白处理方式，可以保留文本中的换行符：
$("#targetElement").css("white-space", "pre");使用字符串拼接
在需要换行的文本中直接加入换行符\n：
$("#targetElement").text("第一行文本\n第二行文本");使用jQuery的after()方法
在当前元素后插入新元素实现换行效果：
$("#targetElement").after("<div>新的一行内容</div>");使用HTML的<p>或<div>标签
通过块级元素自动换行的特性实现换行：
$("#container").append("<p>段落1</p><p>段落2</p>");注意事项
- 在使用
\n换行符时，需要确保元素的CSS设置了white-space: pre或pre-line才能正确显示换行 - 不同场景下选择最合适的换行方式，
<br>适合简单的行间分隔，而<div>或<p>更适合结构化内容 - 动态生成内容时要注意XSS防护，对用户输入内容进行适当转义
示例代码
// 方法1：使用<br>标签
$("#content").append("文本内容").append("<br>").append("换行后的内容");
// 方法2：使用CSS控制换行
$("#multiline").css("white-space", "pre-line").text("第一行\n第二行");
// 方法3：使用块级元素
$("#wrapper").html("<div>第一部分</div><div>第二部分</div>");
