jQuery中val和value的区别

1.jQuery中的val()方法用来获取或设置输入框或者选择框的值

• 获取或设置输入框的值

<input id="text" type="text"></input>

获取值： $("#text").val()

设置值： $("#text").val("value")

• 获取或设置select标签的值

<select id="select">
  <option>select1</option>
  <option>select2</option>
</select>

获取值： $("#select").val()

设置值： $("#select").val("select1")

2. jQuery中没有value方法，value是DOM元素的属性值，可以通过attr方法获取或者设置标签中的value属性的值

<div id="value" value="div"></div>

获取值： $("#value").attr("value")

设定值： $("#value").attr("value","设定值")；

还可以直接给对象的value赋值 obj.value = "给obj设置value"；

3. 在js中可以直接通过 对象.属性 获取属性值

<input id="text" type="text"></input>
<script>
  let type = document.getElementById("text").type;
  alert(type);
</script>