jQuery HTML 输入值添加

当我们需要通过 jQuery 来添加 HTML 元素到页面上时，我们通常会使用 .html() 方法或 .append() 方法来实现。本文将介绍如何使用 jQuery 来向 HTML 元素输入值。

.html() 方法

.html() 方法用于获取或设置 HTML 元素的内容。如果传递一个参数，那么该参数将会成为该元素的新内容，如果不传入参数，那么该方法将会返回该元素的当前内容。

以下示例演示如何使用 .html() 方法向一个 div 元素输入文本值：

$('#myDiv').html('Hello World!');

此代码将会向 id 为 myDiv 的元素输入 Hello World! 文本值。

.val() 方法

.val() 方法则是用于获取或设置表单元素的值，比如输入框、下拉框等。

以下示例演示如何使用 .val() 方法向一个 input 元素输入文本值：

$('#myInput').val('Hello World!');

此代码将会向 id 为 myInput 的输入框输入 Hello World! 文本值。

小结

通过使用 .html() 方法或 .val() 方法，我们可以轻松向 HTML 元素输入值。无论是向普通的 div 元素或是表单元素输入值，都可以通过这两个方法实现。