淘先锋技术网

首页 1 2 3 4 5 6 7

在网页开发中,经常需要动态地添加元素。而jQuery是一种流行的JavaScript库,其中有一个非常方便的方法可以用来在HTML页面中动态地添加文本框。下面我们来看一下如何利用jQuery新建文本框。


// 新建一个文本框
var textbox = $("").attr("type", "text");

// 把文本框添加到页面中
$("body").append(textbox);

jquery新建文本框

以上代码首先创建了一个新的文本框元素,然后给它设置了类型为“text”。接着,我们调用了jQuery的append()方法把这个新建的文本框添加到页面中。

如果需要在文本框中添加一些默认文本,可以使用val()方法:


// 新建一个文本框,设置默认值
var textbox = $("").attr("type", "text").val("请输入文字");

// 把文本框添加到页面中
$("body").append(textbox);

以上代码在新建文本框的基础上,使用val()方法为文本框设置了默认值为“请输入文字”。这样新建的文本框就会在打开页面时,自动显示这个默认值。

总之,利用jQuery新建文本框非常简单。我们只需要调用jQuery的attr()方法来设置文本框的属性,然后使用append()方法将其添加到页面中即可。