随时随地阅读更多技术实战干货,获取项目源码、学习资料,请关注源代码社区公众号(ydmsq666)
from:http://blog.youkuaiyun.com/superit401/article/details/51762597
权声明:本文为博主原创文章,未经博主允许不得转载。
[html] view plain copy
- <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轻量级框架插件的区别与联系