jQuery 如何实现按钮点击生成新的段落呢?


摘要:
下文讲述jquery的使用技巧,如下所示;

通过jquery绑定按钮事件,向html页面中添加相应的段落内容,如下所示:

实现思路:
    使用jquery的append或appendTo或
     after或before方法

例:

<meta charset='utf-8' />
<p>
 maomao365.com <br />
jquery通过按钮事件向
html页面添加内容
</p>
<hr />
<script
 src="http://libs.baidu.com/jquery/1.9.0/jquery.js" >
</script>  

<script>
$(function() {
   $("button").click(function() {
	  //方法一:append
	   $("div").append("<p>append方法添加</p>")
	  //方法二:appendTo		
	   $("<p>appendTo方法添加</p>").appendTo("div")
	  //方法三:after
	   $("button").after("<p>after方法添加</p>")
	  //方法四:before
	   $("p").before("<p>before方法添加</p>")
		})
})
</script>
	 
<div>
 <button>猫猫教程--按钮</button>
</div>
jquery向html页面添加段落的示例分享

jquery向html页面添加段落的示例分享