在 jQuery 中,我们可以采用字符串的形式来创建一个元素节点,再通过 append( )、before( ) 等方法把这个字符串插入到现有的元素节点中。
语法:
/方式1
var str = "字符串";
$().append(str);
//方式2
$().append("字符串")
append( ) 方法表示把一个新元素插入到父元素内部的子元素的“末尾”。
举例:创建简单元素
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
$(function() {
$("#btn").click(function () {
var $li = "<li>jQuery</li>";
$("ul").append($li);
})
})
</script>
</head>
<body>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
<input id="btn" type="button"