<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轻量级框架插件的区别与联系