jQuery对元素值操作

你的名字 2022-05-12 00:38 245阅读 0赞

**一 jQuery提供了3种对元素值操作的方法**

<table style="border-collapse:collapse;border:1px solid #bbbbbb;"> 
 <tbody> 
 <tr> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:82px;" align="left">方法</td> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:394px;" align="left">说明</td> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:225px;" align="left">示例</td> 
 </tr> 
 <tr> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:82px;" align="left">var()</td> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:394px;" align="left"> 用于获取第一个匹配元素的当前值，返回值可能是一个字符串，也可能是一个数组。例如当select元素有两个选中值时，返回结果就是一个数组 </td> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:225px;" align="left"> $("#username").val();&nbsp;&nbsp;&nbsp;&nbsp;//获取id为username的元素的值 </td> 
 </tr> 
 <tr> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:82px;" align="left">var(val)</td> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:394px;" align="left">用于设置所有匹配元素的值</td> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:225px;" align="left"> $("input:text").val("新值")&nbsp;&nbsp;&nbsp;&nbsp;//为全部文本框设置值 </td> 
 </tr> 
 <tr> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:82px;" align="left">var(arrVal)</td> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:394px;" align="left"> 用于为check、select和radio等元素设置值，参数为字符串数组 </td> 
 <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:225px;" align="left"> $("select").val(['列表项1','列表项2']);&nbsp;&nbsp;//为下拉列表框设置多选值 </td> 
 </tr> 
 </tbody> 
</table>

**二 应用**

为多行列表框设置并获取值

**三 代码**

** **

**四 运行效果**

![b4e18202-3118-39b8-ba29-9fea2aa86fd4.png][]

[b4e18202-3118-39b8-ba29-9fea2aa86fd4.png]: /images/20220512/7bc8c7aa6d1c4d529a9efe241ea0a6d7.png