jquery 实现动态添加元素功能

灰暗角落里的琴

于 2019-03-07 11:06:14 发布

阅读量893

点赞数

分类专栏： javascript 文章标签： jquery

本文链接：https://blog.youkuaiyun.com/u012329294/article/details/88291402

版权

javascript 专栏收录该内容

4 篇文章

订阅专栏

jquery 实现动态添加元素功能，如下：

<html> 
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".father p").css("color","red")
})

$(document).on("click", ".new", function(){	
	$(this).prev().append("haha");
});
</script>
<body>
<div class="father">
  <p>我是p元素</p>
  <span>我是span元素</span>
  <p class="new">我是p元素</p>
  <div>我是div元素</div>
</div>
</body>
</html>

其中核心是：

$(document).on("click", ".new", function(){
    $(this).prev().append("Jesus");
});

.prev().append

在很多地方可以变换成各种动态效果！