使用jQuery构建HTML元素的最清晰方法

9 浏览
0 Comments

使用jQuery构建HTML元素的最清晰方法

我看过很多不同的jQuery元素创建方法和样式。我对如何最清晰地构建它们以及是否有任何特定的方法在任何情况下都更好这一问题感到好奇。以下是我见过的一些样式和方法的例子。

var title = "标题";
var content = "Lorem ipsum";
// 多行字符串需要转义换行符
// （对齐斜杠可能更好看，但会增加大量空白）
var $element1 = $("\
    
" + title + "
\
          \
        " + content + "        \
                         \
                         \
");
// 全部写在一行
// 显然不足
var $element2 = $("
" + title + "
" + content + "");
// 在拼接时出错
var $element3 = $("
" +
                title + 
                "
" +
                content +
                "");
// 逐步构建
// （我见过嵌套函数调用代替临时变量的情况）
var $element4 = $("");
var $title = $("
").html(title);
var $content = $("").html(content);
$element4.append($title, $content);
$("body").append($element1, $element2, $element3, $element4);

请随意展示您可能使用的其他方法/样式。

0