<button class="create-p">Click Me</button>
<script>
$(".create-p").on("click",function(){ //单击事件
console.log(1);
$(this).prepend('<p>插入一行</p>');//在按钮的内部的上方添加一行
$(this).append('<p>插入一行</p>');//在按钮的内部的下方添加一行
$(this).before('<p>插入一行</p>');//在元素的前面添加一行
$(this).after('<p>插入一行</p>');//在元素的后面添加一行
})
</script>
本文介绍了一个使用jQuery进行DOM操作的示例,展示了如何通过点击事件在网页的不同位置添加元素,包括在按钮内部、外部以及前后插入内容,为前端开发者提供了一个实用的参考案例。
2204

被折叠的 条评论
为什么被折叠?



