必威体育Betway必威体育官网
当前位置:首页 > IT技术

Juqery中.val()与.value之间的区别

时间:2019-09-07 18:41:14来源:IT技术作者:seo实验室小编阅读:58次「手机版」
 

val

三年多没敲过代码了,今年打算捡起来,是需要多么大的勇气。但是为了实现自我价值,履行自我的承诺,这就是责任。没有什么难不难,晚不晚之说,是我经常对别人说的那样,再晚不过心晚,,一切努力了,实现了每一天的价值,结果也就不重要了,说起来我的经历有点像刘强东,什么事儿都干过……哈哈不说了,简短吐下槽,开始今天的总结。

1、Juqery中.val()与.value之间的区别

先说理论:

.val()方法,一个是带参:给输入框赋值,一个是不参数的方法:获取输入框的值

.value:获取Dom标签元素的value值,属于原生态javaScript的写法 

知道大概理论之后我们上code,解析一次

2、用代码区别两者的差异

A、.val()之code

<!DOCTYPE HTML>
<html>

	<head>
		<meta charset=UTF-8 />
		<title>Nothing</title>
		<style type="text/css">

		</style>
		<script type="text/JavaScript" src="js/jquery-3.3.1.min.js" ></script>
		<script type="text/javascript">
		$(document).ready(function(){
			$("#txt_1").val("");
			$("#btn_submit").on("click",function(){
				//我们开始给文本框赋值
					$("#txt_1").val("大吉大利,今晚吃鸡");
					alert($("#txt_1").val());//获取文本框的值
			})
		})
		</script>
	</head>

	<body>
		笔名:<input type="text" id="txt_1" />
		<input type="button" id="btn_submit" value="赋值给笔名文本框">
	</body>

</html>

B、.value之code

<!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>
    <p id="box">
        <input type="text">
        <input type="text">
        <input type="text">
        <input type="text">
        <input type="button" id="btn" value="转化为数组">
    </p>
    <!--<script src="这里是jquery文件路径"></script>-->
    <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>

今天就遇到这个问题,纠结了半天,通过这个例子自己也就明白了

小白书写中,还望各位大牛引路,有什么不正确之处希望指定

相关阅读

RTX2080和GTX1080Ti哪个值得买 GTX1080Ti和RTX2080区

在目前高端显卡中,8系列命名的GTX1080Ti和RTX2080都是当下甜品级高性能游戏显卡,不过两者不同代。RTX2080是NVIDIA今年新发布的Turi

Map集合中value()方法与keySet()、entrySet()区别

在Map集合中 values():方法是获取集合中的所有的值—-没有键,没有对应关系, KeySet():将Map中所有的键存入到set集合中。因为set具

match_parent和fill_parent的区别

有网友表示对于很多工程中的MATCH_PARENT出现在layout中感到不明白,过去只有FILL_PARENT和WRAP_CONTENT那么match_parent到底是什

杀死“公司”:坚持不融资不上市的Valve,是如何颠覆企业

Valve是一家“神奇”的公司,它的“神奇”从何说起呢?Valve坚决不融资不上市,采用扁平架构,没有管理层,其协作体系打破了传统“公司”的

css中的四种定位以及top和margin-top的区别

css中一共有四种定位分别是默认,相对,绝对,固定 position:static,这种定位是默认的,一般没什么实际的作用。 position:relative,相对定

分享到:

栏目导航

推荐阅读

热门阅读