代码描述:jquery元素内 追加新元素。jquery元素内追加新元素源码实例
在实际的应用中,往往需要根据需要动态的添加新的元素,下面就通过实例简单介绍一下如何实现此效果。 代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <style type="text/css"> div{ width:200px; height:200px; background-color:green; } span{ color:blue; } </style> <head> <title>51前端</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("div").append("<span>51前端</span>"); }) }); </script> </head> <body> <div></div> <button>点击查看效果</button> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能