jQuery之 .val()方法

最新推荐文章于 2021-06-06 23:57:43 发布
最新推荐文章于 2021-06-06 23:57:43 发布
阅读量592 收藏
点赞数
分类专栏： 学习-复习 文章标签： 前端 jquery w3c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mdzzzhangxian/article/details/53967766
版权

序： 为了方便记忆

根据w3c .val() 是设置输入域的值

定义和用法
val() 方法返回或设置被选元素的值。
元素的值是通过 value 属性设置的。该方法大多用于 input 元素。
如果该方法未设置参数，则返回被选元素的当前值。

牛刀小试

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $(":text").val("Hello Kitty");
  });
});
</script>
</head>
<body>
<p>Name: <input type="text" name="user" value="Hello World" /></p>
<button>改变文本域的值</button>
</body>
</html>

效果：

To be continued

这是一个无脑记忆为的是以后用到的时候找出来继续研究。

snake_yangqi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详述jQuery中的val方法
我是真的囟的博客
06-03 530
一、使用val方法选中单选框 范例如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/jquery-1.8.3.js" >...
jQuery中val()方法用法实例
10-25
在jQuery众多的方法中，val()方法是非常重要且常用的一个，它的主要功能是获取或者设置表单元素的value属性值。本文将详细介绍jQuery中val()方法的用法，并通过实例进一步解释。 首先，需要了解的是val()方法在不带...
jQuery val( )方法
m0_57835615的博客
06-06 818
jQuery的 val( )方法可以设置或返回表单元素的值。 （1）获取表单元素的值 示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic
JQuery的Val()
weixin_44540343的博客
05-16 7859
1、jQuery的val() jQuery中有一个.val()方法主要是用于处理表单元素的值，比如 input, select 和 textarea。 .val()方法 .val()无参数，获取匹配的元素集合中第一个元素的当前值 .val(value)，设置匹配的元素集合中每个元素的值 .val(function) ，一个用来返回设置值的函数 这里要注意的是： 通过.val()处理select元素...
分析jQuery中val()方法的实现过程
李尔摩斯de技术窝
09-16 2143
<br /> <br />　　jQuery中的val()方法，并不是简单的直接返回elem.value的属性值，它根据不同的DOM元素进行了不同的处理。<br /> 首先是<option>，如果有value则取value，没有，则取标签中的文字。其次是<select>，select分为单选和多选，根据标签设置的属性，来确定返回单个值还是多个值（数组）。再次是radio，如果没有设置value，并且当前状态为选中状态时，会返回一个"on"。最后，是其它情况，直接返回elem.value。<br /> <br
jQuery 属性操作 - val() 方法
weixin_30902251的博客
01-07 67
val() 方法返回或设置被选元素的值。 元素的值是通过 value 属性设置的。该方法大多用于 input 元素。 如果该方法未设置参数，则返回被选元素的当前值。 <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <sc...
jquery $(this).attr $(this).val方法使用介绍
12-10
在这个问题中，我们将深入探讨两个重要的jQuery方法：`.attr()`和`.val()`。 `.attr()`方法用于获取或设置HTML元素的属性（attribute）。当我们调用`.attr(attributeName)`时，它会返回指定属性的值。例如，如果...
从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别
01-19
背景： 在清空input file标签选中值时，分别用了以下方法，发现有的对有的错： 【√】$(“#file”)[0].value = “”; 【√】$(“#file”)[0].value = null;...　查阅stackoverflow《jQuery .val() vs .attr(“value
jquery的val()
weixin_41496016的博客
09-05 589
jquery的val()当有value属性时才有效，如input
val（ ）函数的用法
热门推荐
xinyu1026的博客
01-07 6万+
val（）函数语法为： i. val（字符表达式） val（）函数的功能为：将一组字符型数据的数字部分转换成相应的数值型数据 val（）函数用法： 1. 例  x = "12 5fdsa DA456"; 那么 val(x)应该返回125 后面的456不能返回来。 val（）函数当识别到非数字，停止读入字符串。即如果字符串内有字母或其他非数字字符，val（）函数只转换第一个 非
jquery的val()的简单使用（个人总结）
h_025的博客
03-07 372
val() 方法返回或设置被选元素的值。 元素的值是通过 value 属性设置的。该方法大多用于 input 元素。 如果该方法未设置参数，则返回被选元素的当前值，而且当没有设置参数的时候，只是获取匹配的第一个参数的值。
jQuery属性操作之.val()
peterzhangsnail的博客
12-02 7289
文章目录.val()实例方法的三种用法.val()函数源码调用形式:$('xxx').val();调用形式:$('xxx').val(value);调用形式:$('xxx').val(function(index,value){}); [转载:https://www.cnblogs.com/peterzhangsnail/p/10054533.html] .val()实例方法的三种用法 1.$(‘...
val()方法
weixin_44663632的博客
12-12 1098
jquery小知识——val()
刘琦的专栏
07-21 518
//jquery 获取或者设置某一个节点的值 val() //获取值 $("#name").val(); //设置值 $("#name").val("liuqi");
val()、text() 方法:、html方法
zuo_zuo_blog的博客
05-13 296
val()方法： 作用：设置或返回表单元素的值，例如：input,select,textarea的值 //val，获取标签中的value属性 alert($(“input”).val()); $(“input”).val(“我是”); text() 方法: 作用：设置或获取匹配元素的文本内容 text,获取双闭合标签中的文本值 alert($(“div”).text()); //html,获取双闭...
jQuery——val() 方法的使用
Searchin_R的博客
10-11 2051
先看一下val()的定义。 val() 方法返回或设置被选元素的值。 元素的值是通过 value 属性设置的。该方法大多用于 input 元素。 如果该方法未设置参数，则返回被选元素的当前值。  从定义可以知道，val()一般有两个用途：返回被选元素的值与设置被选元素的值。下面来看一下如何用val()来实现这两个功。 1.设置被选元素的值。 语法： $(selector).va...
jQuery中的.html()和.text()及.val()区别
weixin_30588827的博客
04-26 137
.html() .html()：获取集合中第一个匹配元素的HTML内容。这个函数不能用于XML文档。但可以用于XHTML文档 .html( htmlString )：设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档 .html( function(index, oldhtml))：return设置HTML内容的一个函数。index可选。接...
jQuery』.html(),.text()和.val()的使用
budaoweng0609的博客
03-17 679
『jQuery』.html(),.text()和.val()的使用原文地址：https://www.cnblogs.com/keyi/p/5809342.html2013-04-21 10:25 by 我是文东, 2161本节内容主要介绍的是如何使用jQuery中的.html(),.text()和.val()三种方法，用于读取，修改元素的html结构，元素的文本内容，以及表单元素的value值的方...
总结val方法选中单选、复选和下拉列表
YXX_decsdn的博客
06-01 523
val方法val方法选中单选val方法选中复选val方法选中下拉列表 先来看一个val方法的简单用法，用val()获取值 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>HelloWorld</title> <!-- 引入jQuer...
js中a.val和a.val ()区别
最新发布
05-12
`a.val` 和 `a.val()` 的区别在于，前者是获取 jQuery 对象的值，而后者是获取 jQuery 对象关联的 DOM 元素的值。 具体来说，`a.val` 返回的是 jQuery 对象的值，而不是关联的 DOM 元素的值。这样的话，如果 jQuery...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值