<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.去掉<input>中的value='111'  在试试,可以发现在<input>没有设置vallue属性的时候人可以通过$("#provSelect1").val("123");给其添加value属性并赋值为123;

3.比较单纯的js和jQuery这个js轻量级框架插件的区别与联系



本文转载:CSDN博客