jquery怎么生成元素

互联网 20-11-16

jquery生成元素的方法：1、加入代码【$("html代码")】；2、使用html函数，html函数是修改元素中的html代码，可以做到创建元素。

本教程操作环境：windows10系统、jquery2.2.4，本文适用于所有品牌的电脑。

推荐：《jquery视频教程》

jquery生成元素的方法：

创建元素

方法1：$("html代码")

方法2：或者使用html函数，html函数是修改元素中的html代码，也可以做到创建元素

示例

<!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title>title</title>     <style>         div {             width: 300px;             height: 200px;             border: 1px solid red;         }     </style>     <script src="jquery-1.12.1.js"></script>     <script>         $(function () {             //点击一个按钮,创建一个按钮             $("#btn").click(function () {                 $("<input type='button' value='按钮'>").appendTo($("#dv"));             });             //元素创建的另一个方式             $("#btn").click(function () {                 //通过innerHTML的方式创建元素---以字符串的方式                 $("#dv").html("<input type='button' value='按钮'>");             });         });     </script> </head> <body> <input type="button" value="创建一个按钮" id="btn"/> <div id="dv">     小苏凑合有点帅吧 </div> </body> </html>