val()和.value的区别和用法

今天写了一个demo，实现验证码的倒计时。

源代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
</head><body><input type="button" id="btn" value="免费获取验证码" οnclick="settime(this)" /><script>var countdown = 3;function settime(btn){if(countdown==0){btn.removeAttribute("disabled");btn.value="重新获取验证码";countdown = 3;return false;}else if(countdown<=3&&countdown>0){btn.setAttribute("disabled",true); btn.value="" + countdown + "秒后重新发送";// btn.val()="hello";countdown--;}setTimeout(function(){settime(btn);},1000)}</script>
</body></html>

注意留意红色的两行。

为什么val()不行，但是.value生效了呢？

区别

————————

val(。。。) : 设置输入域的值。比如input的输入值。元素的值是通过。。。属性设置的。该方法大多用于 input 元素。

.value : 是DOM value 属性。按钮的value通常写在标签内部 <button value="提交">，可见是原生的属性，并不是用户后来输入的。这就是区别

用法

———————————

obj.val("给obj的value赋值")；或者 obj.val()="给obj的value赋值"；//必须在引入jQuery的情况下

obj.value="给obj设置value"; //注意，不加括号

val()和.value的区别和用法相关推荐

model.fit以及model.fit_generator区别及用法
model.fit以及model.fit_generator区别及用法_猫爱吃鱼the的博客-CSDN博客
js中!和!!的区别及用法
js中!和!!的区别及用法 js中!的用法是比较灵活的,它除了做逻辑运算常常会用!做类型判断,可以用!与上对象来求得一个布尔值, 1.!可将变量转换成boolean类型,null.undefined和 ...
Python中threading的join和setDaemon的区别及用法例子
Python中threading的join和setDaemon的区别及用法 Python多线程编程时,经常会用到join()和setDaemon()方法,今天特地研究了一下两者的区别. 1.join ...
MySQL笔记10：engine=innodb和engine=myisam的区别和用法!
MYSQL中engine=innodb和engine=myisam的区别和用法! 区别 1.myisam类型不支持事务处理等高级处理,而innodb类型支持. 2.myisam类型的表强调的是性能,其 ...
calloc、malloc、realloc函数的区别及用法
calloc.malloc.realloc函数的区别及用法! 三者都是分配内存,都是stdlib.h库里的函数,但是也存在一些差异. (1)malloc函数.其原型void *malloc(unsig ...
多线程：synchronize、volatile、Lock 的区别与用法
Java多线程之内存可见性和原子性:Synchronized和Volatile的比较在说明Java多线程内存可见性之前,先来简单了解一下Java内存模型. (1)Java所有变量都存储在主内存中 ...
转 Java中final、finally、finalize的区别与用法
Java中final.finally.finalize的区别与用法 1.简单区别: final用于声明属性,方法和类,分别表示属性不可交变,方法不可覆盖,类不可继承. finally是异常处理语句结构 ...
java replaceall函数_JAVA中string.replace和string.replaceAll的区别及用法
展开全部 JAVA中string.replace()和string.replaceAll()的区别及用法乍一看,字面上理解好像replace只替换第一个出现的字符(受javascript的影响),32 ...
简述div标签和span标签的不同_div与span区别及用法
DIV与SPAN区别及div与san用法篇接下来了解在div+css开发的时候在html网页制作,特别是标签运用中div和span的区别及用法.新手在使用web标准(div css)开发网页的时候, ...

val()和.value的区别和用法

val()和.value的区别和用法相关推荐

最新文章

热门文章