- 使用JQuery添加标签。
- 使用append这个属性可以进行添加标签。
<body>
??? <ul>
??????? <li>琴1</li>
??????? <li>琴2</li>
??????? <li>琴3</li>
??????? <li>琴4</li>
??????? <li>琴5</li>
??? </ul>
</body>
<script src="~/Content/jquery-1.12.4/jquery-1.12.4.min.js"></script>
<script>
??? $(function () {
??????? //第一种
??????? $("ul").append("<li>琴6</li>");
??????? $("ul").append("<li>琴7</li>");
??????? $("ul").append("<li>琴8</li>");
??? })
</script>
- 上面的这个是第一种添加方法。还有第二种。
- 这个就是第二种添加方式，使用for循环来添加。
<body>
??? <ul>
??????? <li>琴1</li>
??????? <li>琴2</li>
??????? <li>琴3</li>
??????? <li>琴4</li>
??????? <li>琴5</li>
??? </ul>
</body>
<script src="~/Content/jquery-1.12.4/jquery-1.12.4.min.js"></script>
<script>
??? $(function () {
??????? //第二种
??????? for (var i = 0; i < 3; i++) {
??????????? $("ul").append("<li>琴" + (i + 6) + "</li>");
??????? }
??? })
</script>
- 这两种方法都可以实现添加标签，第一种是直接添加，第二种就是使用for循环进行添加，两者之间都是采用了append（）这个属性。
Append（）: 在被选元素的结尾插入内容（结束标签之前插入）。