Jquery .val 与 .value 区别

原理了解：

.val() 方法，如果是带参就是给输入框赋值 ; 如果是不带参数的方法，就是获取输入框的值;
.value:获取Dom标签元素的value值，属于原生态JavaScript的写法

例子：（复制直接使用）

.val 例子

<!DOCTYPE HTML>
<html><head><meta charset=UTF-8 /><title></title><style type="text/css"></style><script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js" ></script><script type="text/javascript">$(document).ready(function(){$("#t1").val("");$("#bs1").on("click",function(){//.val可以获取文本框的值alert($("#t1").val());})$('#bs2').on("click",function(){//.val可以给文本框赋值$("#t2").val("999")})})</script></head><body>输入框1<input type="text" id="t1" placeholder="请输入值,点击按钮获取"/><input type="button" id="bs1" value="获取输入框的值"> <br/>输入框2<input type="text" id="t2"/><input type="button" id="bs2" value="给输入框赋值(999)" /></body></html>

.value 例子

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
</head>
<body><div id="box"><input type="text"><input type="text"><input type="text"><input type="text"><input type="button" id="btn" onclick="Total()" value="转化为数组"></div><script>function Total() {var numArr = []; // 定义一个空数组var txt = $('#box').find(':text'); // 获取所有文本框var s=txt.eq(0).val(); //jquery的写法var ss=txt[0].value;//JavaScript的写法 //如果是获取btn的值就要用value了 alert(s);}</script>
</body>
</html>

Jquery .val 与 .value 区别相关推荐

jQuery length 和 size()区别
jQuery length和size()区别总结如下: 1.length是属性,size()是方法. 2.如果你只是想获取元素的个数,两者效果一样既 $("img" ...
jQuery length和size()区别
length是属性,size()是方法. 如果你只是想获取元素的个数,两者效果一样, $("img").length 和 $("img").size() 获取的 ...
js中onload和jQuery中的ready区别
js中onload和jQuery中的ready区别 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行. ------>不能写多个(如果有多个,只会执行一个) $(do ...
[jQuery] jQuery和Zepto的区别？各自的使用场景？
[jQuery] jQuery和Zepto的区别?各自的使用场景? 创建$的方式不同.前者略微要大,后者略微小点.场景....emmmm 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, ...
[jQuery] jQuery与jQuery UI有啥区别？
[jQuery] jQuery与jQuery UI有啥区别? 1)jQuery是一个js库,主要提供的功能是选择器.属性修改和事件绑定等 2)jQuery UI则是在jQuery的基础上,利用jQue ...
[jQuery] jquery.extend与jquery.fn.extend的区别？
[jQuery] jquery.extend与jquery.fn.extend的区别? 1.认识jQuery extend()和jQuery.fn.extend()jQuery的API手册中,exte ...
vue-d2admin-axios异步请求登录，先对比一下Jquery ajax, Axios, Fetch区别
先说一下对比吧 Jquery ajax, Axios, Fetch区别之我见引言前端技术真是一个发展飞快的领域,我三年前入职的时候只有原生XHR和Jquery ajax,我们还曾被JQuery 1 ...
jQuery中的html，val，text区别
在项目开发中,写jQuery代码有时候会搞混淆一下东西,现在写一下demo来列出jQuery的.html(),.text(),.val()的区别. 1. html()取得第一个匹配元素的内容,简单来说 ...
JQuery中html()和val()的用法区别
Example: ... //定义JSON名称/值对 var JSONObject = { "name":"xrd", "age":24, ...

Jquery .val 与 .value 区别

原理了解：

.val 例子

.value 例子

Jquery .val 与 .value 区别相关推荐

最新文章

热门文章