jquery 之 val

1. val 的应用场景

• 用以下的html进行相关的操作

form action="./" method="GET">
    <h3>选择你最喜欢的明星</h3>
    <select name="star" id=""><!--下拉菜单-->
        <option value="s">詹姆斯</option>
        <option value="a" selected='selected'>库里</option><!--默认选中选项-->
        <option value="b">欧文</option>
    </select>
    <h3>一句话简单介绍你最喜欢的明星</h3>
    <input type="text" name="easy" value="tzh">
    <h3>招牌技术</h3>
    三个准：<input type="checkbox" checked name="special" value="three">
    组织好：<input type="checkbox" name="special" value="org">
    突破强：<input type="checkbox" name="special" value="sttong">
    <h3>具体描述该明星的技术特点</h3>
    <textarea name="des" id="" cols="30" rows="10"></textarea><!--文本域-->
    <input type="submit" value="login"> 

• 获取 val 获取input 的 value 值:

//虽然拿到的是一堆集合，但是只能获取到第一个 input 的 value值
console.log($('input[type="checkbox"]').val()) 

• 获取 form 全部相关信息

console.log( $('form').serialize() ) //打印结果如下图

把 form 有操作状态的name属性值和value值进行拼接

val 赋值：

$('input[type="checkbox"]').val('abc')

val 函数赋值：

	$('input[type="checkbox"]').val(function(index,ele){
           return ele + index
       })

注意：$(‘input[type=“text”]’).val(‘abc’) 虽然浏览器页面能够显示 abc ；但是浏览器控制台打开Elements来看，value值还是没有改变。
$(‘input[type=“text”]’).val() 获取 value 能获取设置后的值