js获取和设置＜input＞的值

最新推荐文章于 2023-12-12 15:24:02 发布

Qc,

最新推荐文章于 2023-12-12 15:24:02 发布

阅读量866

点赞数

本文链接：https://blog.csdn.net/weixin_43060102/article/details/83998504

版权

<span style="font-size:18px;"><!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script type="text/javascript" src="jquery.js"></script>
 </head>
 <body>
  获取和设置input的值：<input type='hidden' id='provSelect1' name='provSelect1' runat='server' value='111' />
<script>
    window.onload = function(){
        var psel = document.getElementById("provSelect1");
        alert("获取到的value：" + psel.value+" ,"+$("#provSelect1").val()); //获取
        psel.value = "123"; //设置
        alert("设置后的value：" + psel.value); //设置后的
    };
 
	$(document).ready(function(){
        var val = $("#provSelect1").val(); //获取
        alert("获取到的value：" + val); 
        $("#provSelect1").val("123"); //设置
        alert("设置后的value：" + $("#provSelect1").val());
    });
</script>
 </body>
</html></span>

1.比较window.onload = function(){}和$(document).ready(function(){}的执行顺序
2.去掉中的value=‘111’ 在试试，可以发现在没有设置vallue属性的时候人可以通过$("#provSelect1").val(“123”);给其添加value属性并赋值为123；
3.比较单纯的js和jQuery这个js轻量级框架插件的区别与联系