jQuery创建html元素【jQuery框架应用入门08】

jQuery创建一个html元素，将html标签的字符串放入$（）中就可创建一个DOM节点，接下去将DOM节点通过appendTo方法添加到指定的某个DOM中即可。或者是通过先找到某个添加html元素的DOM节点，然后使用append方法添加DOM节点或者html字符串即可实现元素的创建并添加，。

现在为我的歌曲榜榜单再添加一首或几首歌。首先找到音乐榜单所在的区域是<ol>标签，那么先获取ol这个节点，使用jQuery代码$(“ol”)即可实现。然后利用jQuery的append方法添加一首歌，使用代码：

$("ol").append("<li>水手</li>")

或者

$("<li>水手</li>").appendTo($("ol"))

或者

$("ol").append($("<li>水手</li>"))

以上三行代码的作用是一样的，利用chrome浏览器的console窗体来实现效果如图5-8所示。

图5-8 添加一首歌曲

通过此案例读者进一步见证，创建一个html元素把它添加到指定的节点元素中，可以是字符串类型也可以是DOM节点类型。

如果你想把元素添加到开头，那么使用prepend方法即可，用法与append类似。