js獲取和設定<input>的值
阿新 • • 發佈:2019-01-29
<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輕量級框架外掛的區別與聯絡