在网页开发中,经常需要动态地添加元素。而jQuery是一种流行的JavaScript库,其中有一个非常方便的方法可以用来在HTML页面中动态地添加文本框。下面我们来看一下如何利用jQuery新建文本框。
// 新建一个文本框 var textbox = $("").attr("type", "text"); // 把文本框添加到页面中 $("body").append(textbox);
以上代码首先创建了一个新的文本框元素,然后给它设置了类型为“text”。接着,我们调用了jQuery的append()方法把这个新建的文本框添加到页面中。
如果需要在文本框中添加一些默认文本,可以使用val()方法:
// 新建一个文本框,设置默认值 var textbox = $("").attr("type", "text").val("请输入文字"); // 把文本框添加到页面中 $("body").append(textbox);
以上代码在新建文本框的基础上,使用val()方法为文本框设置了默认值为“请输入文字”。这样新建的文本框就会在打开页面时,自动显示这个默认值。
总之,利用jQuery新建文本框非常简单。我们只需要调用jQuery的attr()方法来设置文本框的属性,然后使用append()方法将其添加到页面中即可。