首页jquery追加input

jquery追加input

时间: 2023-07-02 19:12:14 浏览: 82

如果您想使用 jQuery 在页面中追加一个输入框，可以使用 `.append()` 方法。以下是一个示例： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery 追加输入框示例</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <div id="input-container">  </div> <button id="add-input-btn">添加输入框</button> <script> $(function() { // 获取添加输入框按钮元素 var addInputBtn = $('#add-input-btn'); // 绑定点击事件 addInputBtn.on('click', function() { // 创建新的输入框元素 var newInput = $('<input type="text" />'); // 追加到输入框容器中 $('#input-container').append(newInput); }); }); </script> </body> </html> ``` 在这个示例中，我们首先在页面中创建了一个空的 `div` 元素，用于容纳输入框。然后，我们创建了一个按钮元素，当用户点击该按钮时，会添加一个新的输入框到容器中。具体实现是通过 jQuery 的 `.on()` 方法绑定了按钮的点击事件，然后使用 `.append()` 方法将新的输入框元素添加到容器中。