节点的操作之添加节点
作者:
琪33 | 来源:发表于
2018-04-26 16:21 被阅读0次<script src="jquery-1.11.1.js"></script>
<script>
jQuery(document).ready(function () {
$("button").click(function () {
//创建一个新的jquery对象li
var jqNewLi = $("<li>我是jquery创建出来的li。用的是append方法添加</li>");
//append(); 在盒子的最末尾添加一个元素。
//在盒子末尾添加
// $("ul").append(jqNewLi); //把新创建的li塞进ul中
// jqNewLi.appendTo($("ul")); //把新创建的li塞进ul中
//在盒子最前面添加
// $("ul").prepend(jqNewLi);
// jqNewLi.prependTo($("ul"));
//下面两个方法是操作兄弟元素的。放在兄弟元素之后或者之前
//after();
// $("li").after(jqNewLi);
//before();
$("li").before(jqNewLi);
})
});
</script>
</head>
<body>
<button>添加li</button>
<ul>
<li>我是土著li</li>
</ul>
</body>
本文标题:节点的操作之添加节点
本文链接:https://www.haomeiwen.com/subject/fmkmlftx.html
网友评论