您的位置:首页 > 产品设计 > UI/UE

value与val的区别

2017-12-27 14:43 204 查看
首先:value是js中的属性,而val是jq方法。

vaule:的用法

1、要在js语句中使用,不要在jq中用;

2、在获取文本的时候使用,不可以加括号,(是属性,不是方法。)

3、在设置input的文本时,用等号。即el.value=’内容’;

val:的用法

1、要在jq中使用,不要在js中使用;

2、使用的时候要加上括号即el.val()。

3、当获取文本时,括号内不加字符串,设置的时候括号内加入字符串。

4、括号内也可以是回掉函数;此时函数有两个参数index,value.(index,为当前元素的索引,value为当前的文本值。)返回一个要设置的值。

<input type="text" class="item">
<input type="text" class="item">
<input type="text" class="item">
<button class="but">点击</button>

$(".but").click(function () {

$("input").val(function (index,value) {
console.log(value);
return index +value

})


5、括号中也可以是一个数组(此时是设置一个select或者多个select值)

<input type="checkbox" value="check1"/> check1
<input type="checkbox" value="check2"/> check2
<input type="radio" value="radio1"/> radio1
<input type="radio" value="radio2"/> radio2

$("input").val(["check2", "radio1"]);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript