当前位置：首页 > jquery

jquery拼接字符串

2026-02-03 17:49:48jquery

jQuery 字符串拼接方法

在 jQuery 中拼接字符串有多种方式，以下是常见的几种方法：

使用 + 运算符拼接

这是最基本的字符串拼接方式，适用于简单场景：

var str1 = "Hello";
var str2 = "World";
var result = str1 + " " + str2;  // 输出 "Hello World"

使用数组和 join() 方法

当需要拼接大量字符串时，这种方法性能更好：

jquery拼接字符串

var parts = [];
parts.push("<div class='");
parts.push(className);
parts.push("'>");
parts.push(content);
parts.push("</div>");
var html = parts.join('');

使用模板字符串（ES6）

现代浏览器支持模板字符串，可以更方便地嵌入变量：

var name = "John";
var age = 30;
var message = `My name is ${name} and I'm ${age} years old.`;

jQuery 特定场景的字符串拼接

jquery拼接字符串

在 DOM 操作时常用字符串拼接构建 HTML：

var items = ['item1', 'item2', 'item3'];
var html = '<ul>';
$.each(items, function(index, value) {
    html += '<li>' + value + '</li>';
});
html += '</ul>';
$('#container').html(html);

性能优化建议

对于大量字符串拼接，避免使用 += 运算符，改用数组 join() 方法：

var html = [];
html.push('<table>');
for(var i=0; i<data.length; i++) {
    html.push('<tr><td>', data[i], '</td></tr>');
}
html.push('</table>');
$('#table').html(html.join(''));