重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
jquery给input赋值,val的三种用法
成都创新互联公司专注于企业营销型网站建设、网站重做改版、越城网站定制设计、自适应品牌网站建设、H5开发、电子商务商城网站建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为越城等各大城市提供网站开发制作服务。
val()方法
定义和用法
val() 方法返回或设置被选元素的值。
元素的值是通过 value 属性设置的。该方法大多用于 input 元素。
如果该方法未设置参数,则返回被选元素的当前值。
input type="text" class="input1"
$('.input1').val('value567'); // 用法1 给input赋值value567
$('.input1').val(''); // 用法2 给input清空
$('.input1').val(''); // 用法3 返回val的值
————————————————
.val 不需要参数,直接获取value值
.attr 这是操作属性
span id='aa'/span
$('#aa').attr('style');
$('#aa').attr('style',"");
两个参数,填一个就是获取,填两个就是设置
这里使用.val()是取不到数据的,必须换成.text()。
所以顾名思义:val()方法 一般使用在input属性中,要获取值的话,必须有value属性。也可以通过val("xx") 通过xx设置值。
在jquery中给表单取值或赋值的方法我们只要简单的$(\'表单ID\').val()即可实现取值了,如果赋值可使用$(\'表单ID\').val(\'内容\')即可实现了。
扩展资料
jQuery中使用text()、html()、val()方法对Html元素赋值和取值
在jQuery中,使用选择器可以非常容易的得到任何一个Html元素,在Html页面上,分表单元素和非表单元素:而对于jQuery封装的text()方法,其主要功能就是给Html页面上的非表单元素赋值和取值操作。
text()方法是jQuery的方法,使用该方法操作的元素必须是使用jQuery选择器查找到的,如果使用JavaScript查找到的元素,则是不能使用text()方法操作的。使用div1.text()获取div元素的值,使用div1.text(“新值”)给div元素赋值。
注意事项:
使用text()不能获取表单元素的值,如文本框的值。jQuery的text()方法相当于JavaScript的innerText属性。
val() ////赋值内容,比如input的value值。
data() ///方法向被选元素附加数据,或者从被选元素获取数据。
html() ///可直接修改对应的html 比如 $('body').html('divhello world/div');
jquery的val()方法可以接受一个值,也可以接受一组值。jquery手册上的例子就有,你看
HTML 代码:select id="single"
optionSingle/option
optionSingle2/option
/select
select id="multiple" multiple="multiple"
option selected="selected"Multiple/option
optionMultiple2/option
option selected="selected"Multiple3/option
/selectbr/
input type="checkbox" value="check1"/ check1
input type="checkbox" value="check2"/ check2
input type="radio" value="radio1"/ radio1
input type="radio" value="radio2"/ radio2
jQuery 代码:$("#single").val("Single2"); //val()方法接受的是option里面的single的值
$("#multiple").val(["Multiple2", "Multiple3"]); //val()方法接受的id为multiple的select里的值为Multiple2", "Multiple3的option的值。是一组值,是一个数组,也就是集合