jquery创建d元素

### 使用 jQuery 创建 DOM 元素

为了创建新的 DOM 元素并将其添加到文档中，jQuery 提供了一种简洁而强大的方式。通过 `$()` 函数不仅可以选择现有元素，还可以直接传入 HTML 字符串来构建新元素。

#### 利用字符串创建元素
可以直接传递一个有效的 HTML 片段给 `$()` 构造器，从而生成对应的 jQuery 对象：

var $newLi = $("<li>这是一个新列表项</li>");

此代码片段会创建一个新的 `<li>` 元素，并设置其文本内容为 "这是一个新列表项"[^2]。

#### 添加属性和事件处理程序
除了简单的创建外，在初始化时也可以立即定义更多特性，比如类名、ID 或者绑定事件监听器等：

var $buttonWithHandler = $('<button id="myButton" class="btn btn-primary">点击我</button>')
    .click(function() {
        alert('按钮被点击!');
});

这段脚本不仅建立了按钮本身还为其指定了样式以及交互行为[^3]。

#### 将新建的元素追加至页面结构内
一旦有了这些准备好的组件之后，则可以通过诸如 `appendTo`, `append`, `prependTo` 等方法轻松地把它们放置在目标位置上：

// 假设存在一个 ID 为 'list' 的无序列表
$newLi.appendTo("#list");

// 或者反过来写法也是一样效果
$("#list").append($newLi);

上述命令将会找到具有特定 ID 的容器并将之前建立的新条目作为子级加入其中[^4]。