数码资讯
概述和使用HTML（）、文本（）和瓦迩（）
本节主要介绍了如何使用三种方式。html（），文本（）和瓦迩（jQuery）读取，修改元素的HTML结构，元素的文本内容，以及表单元素的值。例如在jQuery，我们提供各种各样的HTML文本元素在操作、结构和元素的方法，你可以在现有的元素在前面或后面添加；或取代另一种元素；你也可以读取或修改一个元素
选购提示
关注价格、性能、续航、售后和真实使用场景，理性比较后再下单。
本节主要介绍了如何使用三种方式。html（），文本（）和瓦迩（jQuery）读取，修改元素的HTML结构，元素的文本内容，以及表单元素的值。例如在jQuery，我们提供各种各样的HTML文本元素在操作、结构和元素的方法，你可以在现有的元素在前面或后面添加；或取代另一种元素；你也可以读取或修改一个元素的内容或结构。有时我们会模糊。我们不知道是要增加内容还是向元素添加元素，例如，我们需要将元素的内容增加到现有元素中。
这里我们主要与大家分享如何添加、删除和替换元素。jQuery提供了三种方法来操纵元素的结构和内容。
html（）：读取和修改元素的HTML内容，详细信息html（）；
文本（）：读取和修改元素、文本（）的文本内容；
瓦尔（）：读取和修改表单元素的值字段的值，详细信息。瓦迩（）。
正如您将看到的，这些方法使您能够轻松地读取或修改元素的原始内容，读取或修改任何HTML值，或者您可以轻松地读取或修改表单中的值字段值。
操作元素的HTML结构——HTML（）
jQuery中的HTML（）方法允许您读取和修改元素的HTML内容。主要有三种方式：使用它。html（），HTML（htmlstring），HTML（函数（指数、HTML）{…}），随后在其具体用法一看。
1，读取一个元素的HTML结构——HTML（）
语法：$（元素）。Html（）；
返回值：字符串
解释uff1a
HTML（）方法用于获取任意元素的HTML内容。如果选择器同时选择多个元素，它只能读取第一个元素的HTML内容。此外，该方法对XML文件无效。
要读取元素的HTML内容，首先要选择此元素。然后，当调用。html（）方法在jQuery，例如，下面的代码，我们选择在div.demo P元素，然后读取的元素的HTML内容通过HTML（）。
HTML代码：
复制代码代码如下所示：
这是一个段落元素，其中包含一个链接单元w3cplus
jQuery代码
复制代码代码如下所示：
$（文档）Ready（函数（）{）
警报（div.demo P元素的HTML结构：+ $（div.demo P ）（HTML））；
}）；
结果
上面的代码将弹出一个警告框在原来的HTML标签显示的元素，如上图所示。以上是div.demo只有一个P元素，如果有一个以上的会发生什么事，我们不回头看方：
HTML标记
复制代码代码如下所示：
我在div.demo第一元素P：我在第一个P
这是一个段落元素，其中包含一个链接单元w3cplus
jQuery代码
复制代码代码如下所示：
$（文档）Ready（函数（）{）
警报（div.demo P元素的HTML结构：+ $（div.demo P ）（HTML））；
}）；
影响
从上面的结果中，我们可以清楚地看到相同的jQuery代码有不同的效果，这里再次证明，如果您调用多个选定元素的HTML（）方法，它将读取第一个元素。换句话说，如果选择器匹配多个元素，则只能获得第一个匹配元素的HTML内容。
2。修改一个元素的HTML内容的HTML（htmlstring）。
语法：$（元），Html（htmlstring）； / / htmlstring是设定每个匹配元素的HTML字符串
返回值：jQuery对象
解释uff1a
重新配置第一个匹配元素的HTML内容，该元素完全被新内容所取代。
HTML标记
复制代码代码如下所示：
我在div.demo第一元素P：我在第一个P
这是一个段落元素，其中包含一个链接单元w3cplus
jQuery代码：
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（div.demo P ）。Html（新标题我div.demo：第一元素P我在第一P）；
}）；
uff1a效应
由上述结果可知：如果你使用HTML（htmlstrong）的方法，在多个元素，那么HTML内容匹配的元素将被取代，并已与相同，即HTML结构取代。HTML（htmlstring）htmlstring结构指定方法。换句话说，如果你选择多个元素使用HTML（htmlstring）方法，这些选定的元素的HTML内容将由htmlstring在更换。HTML（htmlstring）方法，如上图所示。
3、使用回调函数替换元素的HTML内容
语法：$（元素）。Html（函数（索引，HTML）{ }）；
返回值：jQuery对象
解释uff1a
用于返回HTML内容的函数。接收元素的索引位置和元素的旧HTML用作参数。
使用回调函数替换元素的HTML内容，您必须满足以下两个条件：
当前元素的索引值的位置（索引值从0计算）；
当前元素的旧HTML内容。
函数的返回值是用于替代HTML。这种方法是非常方便的，如果你想取代多个元素的含量，但不要认为以上的内容相同，但不同的内容，因此我们可以使用这种方法，根据他们的位置的元素或现有的内容（或两者同时）代替多个元素不同的HTML内容。让我们看一个例子：
HTML标记
复制代码代码如下所示：
我是第一个P。
w3cplus
jQuery代码：
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（div.demo P ）。Html（函数（指数，oldhtml）{）
返回我端（指数+ 1）+ oldhtml ；
}）；
}）；
uff1a效应
操作元素的纯文本内容——文本（）
前面的HTML（）方法允许您读取或修改元素的HTML内容，包括元素的HTML标记，而jQuery中的文本（）方法仅仅是元素的纯文本操作，如HTML（）方法，他包含三种使用方法：
1。阅读文本内容——文本（）
语法：$（元素）；
返回值：返回字符串；
解释uff1a
在匹配的元素集合中每个元素的文本内容相结合，包括他们的descendants.the.text（）方法是不同的。html（）方法，和文本（）方法可以用于在XML和HTML文件的结果。文本（）方法是一个文本，由所有匹配元素的文本内容。由于HTML解析器的浏览器对不同，返回的文本和其他空间可能不同。
文本（）和html（）方法几乎相同，如：
HTML标记
复制代码代码如下所示：
w3cplus
jQuery代码：
复制代码代码如下所示：
$（文档）Ready（函数（）{）
警报（。文本（）上写着：+ $（pdiv.demo）。文本（）））；
}）；
uff1a效应
从上面的结果中，我们了解到，使用文本（）方法，我们只读取元素的纯文本内容，包括它们的后代元素，并且这个元素中的HTML标记，包括它们后代的HTML标记，被剥离出来，只留下文本内容。
（.文本）和. html（）方法可以同时选择多个元素，但是有一个区别：（.），多个元素，只读取第一个匹配元素；和（.）方法不一样，他在匹配多个元素时，可以同时读取多个元素内容，如：
HTML标记
复制代码代码如下所示：
w3cplus
我是一个第二段：w3cplus
jQuery代码
复制代码代码如下所示：
$（文档）Ready（函数（）{）
警报（。文本（）方法：+ $（pdiv.demo）。文本（）））；
警报（.html（）方法：+ $（pdiv.demo）。Html（）））；
}）；
uff1a效应
2。替换文本内容——文本（字符串）。
语法$（元）。文本（字符串）； / /文本字符串设置相匹配的元素的文本内容
返回值：jQuery对象
解释uff1a
。文本（字符串）和HTML（htmlstring）方法是用来取代相同的元素，它们是不同的：（htmlstring）。HTML HTML作为标签的HTML标签来代替原来的内容，新的方法和文本（字符串）是HTML标签的旧内容将被转换成相反的元素纯文本。换句话说，如果文本（字符串）方法包含HTML标签，这种方法将取代GT。我们改变。html（）（）（），文本，在前人的基础上。HTML（htmlstring）实例。
HTML标记
复制代码代码如下所示：
w3cplus
我是一个第二段：w3cplus
jQuery代码
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（div.demo P ）。文本（新标题我div.demo：第一元素P我在第一P）；
}）；
uff1a效应
正如你可以看到的效果图，该文本（字符串）方法将取代HTML标签作为纯文本内容的元素的内容，这是从不同的HTML（htmlstring）方法。你可以与以前的相比。HTML（htmlstring）。但有一点是共同的：如果多个元素匹配，文本（字符串）将取代匹配元素的内容相同的内容。
三.使用回调函数替换元素的文本内容。
文本（）方法与HTML（）方法相同。它也需要动态替换多个元素的内容通过一个回调函数，而不是改变多种元素含量相同的文本（字符串）等。
语法$（元素）。文本（函数（索引，文本）{…}）；
返回值：jQuery对映像
解释uff1a
用来返回文本内容的函数。接收元素的索引位置和元素的旧文本值用作参数。使用回调函数替换元素的内容，必须满足以下两个条件：
当前元素的索引值的位置（索引值从0计算）；
当前元素的旧文本内容。
函数的返回值并作为替代元素的纯文本内容。这种方法是非常方便的，如果你想取代多个元素的含量，但不要认为以上的内容相同，但不同的内容，因此我们可以使用这种方法，根据他们的位置的元素或现有的内容（或两者同时）代替多个元素为1000种不同的文本内容。让我们看一个例子：
HTML标记
复制代码代码如下所示：
我是第一个P。
w3cplus
jQuery代码：
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（div.demo P ）。文本（函数（指数，oldtext）{）
返回（指数+ 1）++ oldtext；
}）；
}）；
影响
操作表单字段的值——瓦迩（）
上面描述的HTML（）和文本（）不能在输入元素上操作，然后我们继续看a. Val（）方法。这个方法类似于文本（）方法，可以读取和修改表单字段值的值。
1。获取表单元素的值——瓦迩（）
语法$（元素）。瓦迩（）；
返回值：返回是一个字符串或数组。
解释
瓦迩（）方法主要用于获取表单元素的值。对于元素，瓦迩（）方法返回包含每个选定选项的数组。对于下一个选择框和复选框，{复选框和类型=无线电，您可以使用选中的和选中的选择器来获取值。
HTML标记
复制代码代码如下所示：
红
黄
蓝色
10 PT
12 PT
14 PT
jQuery代码
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（# submitbtn）。Click（function（）{）
警报（$（' # colorradio输入：电台），瓦迩（））；
警报（$（' # sizecheck输入：复选框）。瓦迩（））；
}）；
}）；
影响
。Val（）返回第一个匹配元素的集合，有时你想返回选定的广播或复选框的值，如果你只使用。瓦迩（）方法，然后返回将是第一个值，选择没有选择，没有任何关系，如上图所示，如果你想回选择你的价值，你需要这样操作的，要选择的价值：
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（# submitbtn）。Click（function（）{）
警报（$（输入：{姓名}：收音机颜色检查）。瓦迩（））；
警报（$（输入：{姓名}复选框大小：检查）。瓦迩（））；
}）；
}）；
此时，广播将返回您选择的值，但复选框不返回。如果在同一时间选择多个复选框，瓦迩（）将只返回第一个选项中的值，如果没有选择值，此时将添加未定义。如果所有这些都需要返回，我们需要使用每个（）来遍历复选框。
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（# submitbtn）。Click（function（）{）
警报（$（输入：{姓名}：收音机颜色检查）。瓦迩（））；
$（输入：{姓名}复选框大小：检查'）。每个（函数（）{）
警报（$（this））瓦迩（））；
}）；
}）；
}）；
此外，当选择应用时，瓦迩（）也分为两种情况。当瓦迩（）应用于元素时，它返回所选的值。在另一种情况下，当瓦迩（）应用于元素时，它将返回包含每个选定选项的数组。
HTML标记
复制代码代码如下所示：
红
黄色的
蓝色
红
黄色的
蓝色
jQuery代码
复制代码代码如下所示：
$（# getselectvalue）。Click（function（）{）
警报（$（#下拉）。瓦迩（））；
颜色= $（var#列表）。瓦迩（）；
对于（颜色中的var键）{
警报（颜色{键}）；
}
}）；
2，替换表单元素的值——瓦迩（value）
语法$（元素）瓦迩（value）；值是文本字符串或字符串形式的数组，用于设置每个匹配元素的值。
返回值jQuery对象
解释
这种方法通常用来设置表单域的值，对于元素，可以由数组选择多个选项..（值）可以同时更改所选元素的值，其值是相同的，例如：
复制代码代码如下所示：
$（输入）。瓦迩（测试）；
上面的代码将最终取代所有inupt值测试，我们通常不在普通的应用程序。瓦尔（值）是经常使用的焦点和输入{类型=文本}模糊，如：
HTML标记
复制代码代码如下所示：
jQuery代码
复制代码代码如下所示：
$（输入：文本）。焦点（函数（）{）
inputtextval = $（var $本）瓦迩（）；
如果（= =这inputtextval美元。默认值）{
美元（这个）。瓦迩（）；
}
}）；
$（输入：文本）。Blur（函数（）{）
inputtextval = $（var $本）瓦迩（）；
如果（$ inputtextval = ={）
$（这）。瓦迩（这个默认值）；
}
}）；
三.用回调函数替换表单字段值的值
瓦迩（value）可以将所选表单元素的值更改为相同的表单元素。然后我们常常需要设置不同的值。在这一点上，我们需要使用这个方法通过一个函数来设置这个值。这个函数传递两个参数，即当前元素的值和当前值。
瓦迩（函数（索引，值）{ }）；
返回值jQuery对象
解释
使用这个函数的返回值设置每个匹配输入元素的值，让我们看看复选框和广播中的一个实例：
HTML标记
复制代码代码如下所示：
红
黄色的
蓝色
10 PT
12 PT
14 PT
jQuery代码
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（输入：无线电{名称=颜色}）。瓦迩（函数（指数，oldval）{）
返回颜色+（指数+ 1）+：+ oldval；
}）；
$（输入：{姓名}复选框大小）。瓦迩（函数（指数，oldval）{）
返回大小非+（指数+ 1）+：+ oldval；
}）；
$（# SetValue）。Click（function（）{）
变量$ $ = $（：输入：电台{名称}：选中的）。瓦迩（）+
$（输入：复选框{名称：}：）。每个（函数（）{）
$ = $（this）。瓦迩（+）
}）；
$（# txtbox）。瓦迩（$味精）；
}）；
}）；
对于下一个框的多个选择，我们可以改变这种方式：
HTML标记
复制代码代码如下所示：
红
黄色的
蓝色
红
黄色的
蓝色
jQuery科迪
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（#下拉）。瓦迩（''）；
$（#列表）。瓦迩（{红'，'蓝色' }）；
}）；
上面描述了瓦迩（）的具体用法，那么我们什么时候可以使用瓦迩（）方法呢
可以使用瓦迩（）读取和修改选定的列表项；
可以使用瓦迩（）读取所选的值。如果选择多个选项，那么瓦迩（）将返回一个选项数组，但不能使用瓦迩（）为他设置多个值。
您可以使用瓦迩（）读取广播和复选框的值，也可以使用选中的复选框属性读取选定值，但对于复选框，则需要使用每个（）遍历，否则只能读取第一个选定的值。
可以使用函数动态地更改窗体中多个元素的值值。
本节主要学习了在jQuery中使用HTML（）、文本（）和瓦迩（）的三种方法，最后总结了这三种方法：
HTML（）用作读取和修改元素的HTML标记。
文本（）用于读取或修改元素的纯文本内容。
瓦尔（）用于读取或修改表单元素的值。
三种方法的功能比较
（HTML），文本（），瓦迩（三）方法用于读取所选元素的内容；HTML（HTML）仅用于读取元素的内容（包括HTML），文本（标签）读取文本元素的内容，包括其后代元素，（瓦迩）用于读取 值值的形式元素。和文本（）方法不能用在表单元素，和（瓦迩）只能用在表单元素（HTML）的方法；也可用于多个元素，只读第一元；（。瓦尔）和HTML（相同的），如果它被用在许多元素，你只能读值值的第一个元素，但（文本）和他们不一样，如果（文本）中使用的许多元素，会读所有选中元素的文本内容。
三种。HTML（htmlstring）、文本（字符串）和瓦迩（值）用于替换所选元素的含量。如果三个方法同时应用于多个元素，它将替换所有选定元素的内容。
HTML（）、文本（）和瓦迩（）可以使用回调函数的返回值动态地改变多个元素的内容。
这里我们主要与大家分享如何添加、删除和替换元素。jQuery提供了三种方法来操纵元素的结构和内容。
html（）：读取和修改元素的HTML内容，详细信息html（）；
文本（）：读取和修改元素、文本（）的文本内容；
瓦尔（）：读取和修改表单元素的值字段的值，详细信息。瓦迩（）。
正如您将看到的，这些方法使您能够轻松地读取或修改元素的原始内容，读取或修改任何HTML值，或者您可以轻松地读取或修改表单中的值字段值。
操作元素的HTML结构——HTML（）
jQuery中的HTML（）方法允许您读取和修改元素的HTML内容。主要有三种方式：使用它。html（），HTML（htmlstring），HTML（函数（指数、HTML）{…}），随后在其具体用法一看。
1，读取一个元素的HTML结构——HTML（）
语法：$（元素）。Html（）；
返回值：字符串
解释uff1a
HTML（）方法用于获取任意元素的HTML内容。如果选择器同时选择多个元素，它只能读取第一个元素的HTML内容。此外，该方法对XML文件无效。
要读取元素的HTML内容，首先要选择此元素。然后，当调用。html（）方法在jQuery，例如，下面的代码，我们选择在div.demo P元素，然后读取的元素的HTML内容通过HTML（）。
HTML代码：
复制代码代码如下所示：
这是一个段落元素，其中包含一个链接单元w3cplus
jQuery代码
复制代码代码如下所示：
$（文档）Ready（函数（）{）
警报（div.demo P元素的HTML结构：+ $（div.demo P ）（HTML））；
}）；
结果
上面的代码将弹出一个警告框在原来的HTML标签显示的元素，如上图所示。以上是div.demo只有一个P元素，如果有一个以上的会发生什么事，我们不回头看方：
HTML标记
复制代码代码如下所示：
我在div.demo第一元素P：我在第一个P
这是一个段落元素，其中包含一个链接单元w3cplus
jQuery代码
复制代码代码如下所示：
$（文档）Ready（函数（）{）
警报（div.demo P元素的HTML结构：+ $（div.demo P ）（HTML））；
}）；
影响
从上面的结果中，我们可以清楚地看到相同的jQuery代码有不同的效果，这里再次证明，如果您调用多个选定元素的HTML（）方法，它将读取第一个元素。换句话说，如果选择器匹配多个元素，则只能获得第一个匹配元素的HTML内容。
2。修改一个元素的HTML内容的HTML（htmlstring）。
语法：$（元），Html（htmlstring）； / / htmlstring是设定每个匹配元素的HTML字符串
返回值：jQuery对象
解释uff1a
重新配置第一个匹配元素的HTML内容，该元素完全被新内容所取代。
HTML标记
复制代码代码如下所示：
我在div.demo第一元素P：我在第一个P
这是一个段落元素，其中包含一个链接单元w3cplus
jQuery代码：
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（div.demo P ）。Html（新标题我div.demo：第一元素P我在第一P）；
}）；
uff1a效应
由上述结果可知：如果你使用HTML（htmlstrong）的方法，在多个元素，那么HTML内容匹配的元素将被取代，并已与相同，即HTML结构取代。HTML（htmlstring）htmlstring结构指定方法。换句话说，如果你选择多个元素使用HTML（htmlstring）方法，这些选定的元素的HTML内容将由htmlstring在更换。HTML（htmlstring）方法，如上图所示。
3、使用回调函数替换元素的HTML内容
语法：$（元素）。Html（函数（索引，HTML）{ }）；
返回值：jQuery对象
解释uff1a
用于返回HTML内容的函数。接收元素的索引位置和元素的旧HTML用作参数。
使用回调函数替换元素的HTML内容，您必须满足以下两个条件：
当前元素的索引值的位置（索引值从0计算）；
当前元素的旧HTML内容。
函数的返回值是用于替代HTML。这种方法是非常方便的，如果你想取代多个元素的含量，但不要认为以上的内容相同，但不同的内容，因此我们可以使用这种方法，根据他们的位置的元素或现有的内容（或两者同时）代替多个元素不同的HTML内容。让我们看一个例子：
HTML标记
复制代码代码如下所示：
我是第一个P。
w3cplus
jQuery代码：
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（div.demo P ）。Html（函数（指数，oldhtml）{）
返回我端（指数+ 1）+ oldhtml ；
}）；
}）；
uff1a效应
操作元素的纯文本内容——文本（）
前面的HTML（）方法允许您读取或修改元素的HTML内容，包括元素的HTML标记，而jQuery中的文本（）方法仅仅是元素的纯文本操作，如HTML（）方法，他包含三种使用方法：
1。阅读文本内容——文本（）
语法：$（元素）；
返回值：返回字符串；
解释uff1a
在匹配的元素集合中每个元素的文本内容相结合，包括他们的descendants.the.text（）方法是不同的。html（）方法，和文本（）方法可以用于在XML和HTML文件的结果。文本（）方法是一个文本，由所有匹配元素的文本内容。由于HTML解析器的浏览器对不同，返回的文本和其他空间可能不同。
文本（）和html（）方法几乎相同，如：
HTML标记
复制代码代码如下所示：
w3cplus
jQuery代码：
复制代码代码如下所示：
$（文档）Ready（函数（）{）
警报（。文本（）上写着：+ $（pdiv.demo）。文本（）））；
}）；
uff1a效应
从上面的结果中，我们了解到，使用文本（）方法，我们只读取元素的纯文本内容，包括它们的后代元素，并且这个元素中的HTML标记，包括它们后代的HTML标记，被剥离出来，只留下文本内容。
（.文本）和. html（）方法可以同时选择多个元素，但是有一个区别：（.），多个元素，只读取第一个匹配元素；和（.）方法不一样，他在匹配多个元素时，可以同时读取多个元素内容，如：
HTML标记
复制代码代码如下所示：
w3cplus
我是一个第二段：w3cplus
jQuery代码
复制代码代码如下所示：
$（文档）Ready（函数（）{）
警报（。文本（）方法：+ $（pdiv.demo）。文本（）））；
警报（.html（）方法：+ $（pdiv.demo）。Html（）））；
}）；
uff1a效应
2。替换文本内容——文本（字符串）。
语法$（元）。文本（字符串）； / /文本字符串设置相匹配的元素的文本内容
返回值：jQuery对象
解释uff1a
。文本（字符串）和HTML（htmlstring）方法是用来取代相同的元素，它们是不同的：（htmlstring）。HTML HTML作为标签的HTML标签来代替原来的内容，新的方法和文本（字符串）是HTML标签的旧内容将被转换成相反的元素纯文本。换句话说，如果文本（字符串）方法包含HTML标签，这种方法将取代GT。我们改变。html（）（）（），文本，在前人的基础上。HTML（htmlstring）实例。
HTML标记
复制代码代码如下所示：
w3cplus
我是一个第二段：w3cplus
jQuery代码
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（div.demo P ）。文本（新标题我div.demo：第一元素P我在第一P）；
}）；
uff1a效应
正如你可以看到的效果图，该文本（字符串）方法将取代HTML标签作为纯文本内容的元素的内容，这是从不同的HTML（htmlstring）方法。你可以与以前的相比。HTML（htmlstring）。但有一点是共同的：如果多个元素匹配，文本（字符串）将取代匹配元素的内容相同的内容。
三.使用回调函数替换元素的文本内容。
文本（）方法与HTML（）方法相同。它也需要动态替换多个元素的内容通过一个回调函数，而不是改变多种元素含量相同的文本（字符串）等。
语法$（元素）。文本（函数（索引，文本）{…}）；
返回值：jQuery对映像
解释uff1a
用来返回文本内容的函数。接收元素的索引位置和元素的旧文本值用作参数。使用回调函数替换元素的内容，必须满足以下两个条件：
当前元素的索引值的位置（索引值从0计算）；
当前元素的旧文本内容。
函数的返回值并作为替代元素的纯文本内容。这种方法是非常方便的，如果你想取代多个元素的含量，但不要认为以上的内容相同，但不同的内容，因此我们可以使用这种方法，根据他们的位置的元素或现有的内容（或两者同时）代替多个元素为1000种不同的文本内容。让我们看一个例子：
HTML标记
复制代码代码如下所示：
我是第一个P。
w3cplus
jQuery代码：
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（div.demo P ）。文本（函数（指数，oldtext）{）
返回（指数+ 1）++ oldtext；
}）；
}）；
影响
操作表单字段的值——瓦迩（）
上面描述的HTML（）和文本（）不能在输入元素上操作，然后我们继续看a. Val（）方法。这个方法类似于文本（）方法，可以读取和修改表单字段值的值。
1。获取表单元素的值——瓦迩（）
语法$（元素）。瓦迩（）；
返回值：返回是一个字符串或数组。
解释
瓦迩（）方法主要用于获取表单元素的值。对于元素，瓦迩（）方法返回包含每个选定选项的数组。对于下一个选择框和复选框，{复选框和类型=无线电，您可以使用选中的和选中的选择器来获取值。
HTML标记
复制代码代码如下所示：
红
黄
蓝色
10 PT
12 PT
14 PT
jQuery代码
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（# submitbtn）。Click（function（）{）
警报（$（' # colorradio输入：电台），瓦迩（））；
警报（$（' # sizecheck输入：复选框）。瓦迩（））；
}）；
}）；
影响
。Val（）返回第一个匹配元素的集合，有时你想返回选定的广播或复选框的值，如果你只使用。瓦迩（）方法，然后返回将是第一个值，选择没有选择，没有任何关系，如上图所示，如果你想回选择你的价值，你需要这样操作的，要选择的价值：
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（# submitbtn）。Click（function（）{）
警报（$（输入：{姓名}：收音机颜色检查）。瓦迩（））；
警报（$（输入：{姓名}复选框大小：检查）。瓦迩（））；
}）；
}）；
此时，广播将返回您选择的值，但复选框不返回。如果在同一时间选择多个复选框，瓦迩（）将只返回第一个选项中的值，如果没有选择值，此时将添加未定义。如果所有这些都需要返回，我们需要使用每个（）来遍历复选框。
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（# submitbtn）。Click（function（）{）
警报（$（输入：{姓名}：收音机颜色检查）。瓦迩（））；
$（输入：{姓名}复选框大小：检查'）。每个（函数（）{）
警报（$（this））瓦迩（））；
}）；
}）；
}）；
此外，当选择应用时，瓦迩（）也分为两种情况。当瓦迩（）应用于元素时，它返回所选的值。在另一种情况下，当瓦迩（）应用于元素时，它将返回包含每个选定选项的数组。
HTML标记
复制代码代码如下所示：
红
黄色的
蓝色
红
黄色的
蓝色
jQuery代码
复制代码代码如下所示：
$（# getselectvalue）。Click（function（）{）
警报（$（#下拉）。瓦迩（））；
颜色= $（var#列表）。瓦迩（）；
对于（颜色中的var键）{
警报（颜色{键}）；
}
}）；
2，替换表单元素的值——瓦迩（value）
语法$（元素）瓦迩（value）；值是文本字符串或字符串形式的数组，用于设置每个匹配元素的值。
返回值jQuery对象
解释
这种方法通常用来设置表单域的值，对于元素，可以由数组选择多个选项..（值）可以同时更改所选元素的值，其值是相同的，例如：
复制代码代码如下所示：
$（输入）。瓦迩（测试）；
上面的代码将最终取代所有inupt值测试，我们通常不在普通的应用程序。瓦尔（值）是经常使用的焦点和输入{类型=文本}模糊，如：
HTML标记
复制代码代码如下所示：
jQuery代码
复制代码代码如下所示：
$（输入：文本）。焦点（函数（）{）
inputtextval = $（var $本）瓦迩（）；
如果（= =这inputtextval美元。默认值）{
美元（这个）。瓦迩（）；
}
}）；
$（输入：文本）。Blur（函数（）{）
inputtextval = $（var $本）瓦迩（）；
如果（$ inputtextval = ={）
$（这）。瓦迩（这个默认值）；
}
}）；
三.用回调函数替换表单字段值的值
瓦迩（value）可以将所选表单元素的值更改为相同的表单元素。然后我们常常需要设置不同的值。在这一点上，我们需要使用这个方法通过一个函数来设置这个值。这个函数传递两个参数，即当前元素的值和当前值。
瓦迩（函数（索引，值）{ }）；
返回值jQuery对象
解释
使用这个函数的返回值设置每个匹配输入元素的值，让我们看看复选框和广播中的一个实例：
HTML标记
复制代码代码如下所示：
红
黄色的
蓝色
10 PT
12 PT
14 PT
jQuery代码
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（输入：无线电{名称=颜色}）。瓦迩（函数（指数，oldval）{）
返回颜色+（指数+ 1）+：+ oldval；
}）；
$（输入：{姓名}复选框大小）。瓦迩（函数（指数，oldval）{）
返回大小非+（指数+ 1）+：+ oldval；
}）；
$（# SetValue）。Click（function（）{）
变量$ $ = $（：输入：电台{名称}：选中的）。瓦迩（）+
$（输入：复选框{名称：}：）。每个（函数（）{）
$ = $（this）。瓦迩（+）
}）；
$（# txtbox）。瓦迩（$味精）；
}）；
}）；
对于下一个框的多个选择，我们可以改变这种方式：
HTML标记
复制代码代码如下所示：
红
黄色的
蓝色
红
黄色的
蓝色
jQuery科迪
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（#下拉）。瓦迩（''）；
$（#列表）。瓦迩（{红'，'蓝色' }）；
}）；
上面描述了瓦迩（）的具体用法，那么我们什么时候可以使用瓦迩（）方法呢
可以使用瓦迩（）读取和修改选定的列表项；
可以使用瓦迩（）读取所选的值。如果选择多个选项，那么瓦迩（）将返回一个选项数组，但不能使用瓦迩（）为他设置多个值。
您可以使用瓦迩（）读取广播和复选框的值，也可以使用选中的复选框属性读取选定值，但对于复选框，则需要使用每个（）遍历，否则只能读取第一个选定的值。
可以使用函数动态地更改窗体中多个元素的值值。
本节主要学习了在jQuery中使用HTML（）、文本（）和瓦迩（）的三种方法，最后总结了这三种方法：
HTML（）用作读取和修改元素的HTML标记。
文本（）用于读取或修改元素的纯文本内容。
瓦尔（）用于读取或修改表单元素的值。
三种方法的功能比较
（HTML），文本（），瓦迩（三）方法用于读取所选元素的内容；HTML（HTML）仅用于读取元素的内容（包括HTML），文本（标签）读取文本元素的内容，包括其后代元素，（瓦迩）用于读取 值值的形式元素。和文本（）方法不能用在表单元素，和（瓦迩）只能用在表单元素（HTML）的方法；也可用于多个元素，只读第一元；（。瓦尔）和HTML（相同的），如果它被用在许多元素，你只能读值值的第一个元素，但（文本）和他们不一样，如果（文本）中使用的许多元素，会读所有选中元素的文本内容。
三种。HTML（htmlstring）、文本（字符串）和瓦迩（值）用于替换所选元素的含量。如果三个方法同时应用于多个元素，它将替换所有选定元素的内容。
HTML（）、文本（）和瓦迩（）可以使用回调函数的返回值动态地改变多个元素的内容。
声明：本文内容用于数码产品信息整理与选购参考，具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。