jQuery创建隐藏输入框

有时候我们需要创建一个隐藏的输入框，用于存储一些不需要用户知道的数据，例如token，userId等等。本文将介绍如何使用jQuery创建一个隐藏的输入框。

步骤

步骤一：选择元素

首先，我们需要选择一个元素在其内部创建一个输入框。例如，我们可以选择一个form表单，然后在其中创建一个隐藏的输入框。

// 选择form元素
var $form = $('form');

// 在form元素内部创建一个输入框
var $input = $('<input type="hidden"/>');

步骤二：设置属性

接下来，我们需要设置输入框的一些属性，例如name，value，id等等。

// 设置输入框的name属性
$input.attr('name', 'token');

// 设置输入框的value属性
$input.attr('value', 'myToken');

// 设置输入框的id属性
$input.attr('id', 'token-input');

步骤三：插入到DOM中

最后，我们需要将输入框插入到DOM中，使其可见。

// 将输入框插入到form元素中
$form.append($input);

现在，我们已经创建了一个隐藏的输入框，并将其插入到了DOM中。

完整代码

// 选择form元素
var $form = $('form');

// 在form元素内部创建一个输入框
var $input = $('<input type="hidden"/>');

// 设置输入框的name属性
$input.attr('name', 'token');

// 设置输入框的value属性
$input.attr('value', 'myToken');

// 设置输入框的id属性
$input.attr('id', 'token-input');

// 将输入框插入到form元素中
$form.append($input);

结论

在本文中，我们介绍了如何使用jQuery创建一个隐藏的输入框。使用这种方法可以方便地存储一些不需要用户知道的数据，例如token，userId等等。