在jQuery中构建html元素的最清晰方法

// 使用模板字符串和链式调用来创建一个div元素
var newDiv = $('<div>')
    .addClass('my-class') // 添加类名
    .attr('id', 'my-id') // 添加ID属性
    .text('Hello, World!'); // 设置文本内容

// 将新创建的div元素添加到页面中的某个元素中
$('#existing-element').append(newDiv);

// 创建一个包含多个子元素的复杂div结构
var complexDiv = $('<div>')
    .addClass('complex-div')
    .append($('<h1>').text('标题'))
    .append($('<p>').text('这是一个段落。'))
    .append($('<ul>')
        .append($('<li>').text('列表项1'))
        .append($('<li>').text('列表项2'))
        .append($('<li>').text('列表项3'))
    );

// 将复杂div结构添加到页面中
$('#container').append(complexDiv);