十分钟学会JQ.doc

在使用JQuery前,请到版本的js代码,然后再代码里使用 <script src="_scripts/jQuery-" type="text/javascript"></script>即可,当然,由于微软已经把JQuery集成到VS里,里使用JQuery,其他很容易类比学会。这个项目布局如下图Sample1:里使用基于JQuery的Get方法。页面布局代码如下:页面布局很简单,一个文本框用于输入票数,还有一个ID为Error1的div,用于显示AJAX操作结果。下面是AJAX的方法在了解代码前,看一下运行结果:运行效果在票数后面输入数字,如果大于5,则给出提示信息,否则,则没有。这里使用了文本框的change事件,所以输入数字后,需要使其失去焦点,否则看不到结果下面是对上面代码的简单解释:       <script language="javascript">            $(document).ready(function() {            ...            }        </script>是一个类似英语用法的标准句型,当页面完毕后做某事的意思。可能有人需要问为什么需要需要这样的类型。这是因为JS的位置不同,需要执行不同的判断。考虑一下到你打开的百度页面,当百度页面加载完毕后,光标会自动定位到输入框这里它的代码可能类似如下:<input type="text" id="f"><script>var o=("f");();</script>在这里,这段脚本必须放在后面,如果这样放置代码<script>var o=("f");</script><input type="text" id="f">则浏览器在执行时会报错,因此此时文本框还未加载。使用JQuery则不用管那么多,在页面头或者尾部尽管用  $(document).ready(function() {},这也是JQuery的好处。其他都很简单,概括的说,对于输入框如textbox,select等则用val()获取/设置其值,对于div,p,span等则是html()获取/设置其值,  $.get("", function(result) {…} ,,如下  int NoOfTicketsAvailable = 5; (());  ();注意:();这样既OK了。Sample2:JQuery支持基于Post的AJAX和Sample1差别不大代码如下不过,需要注意的是这里传递了参数TicReq,对于URL,一般都是name=key的方式,?id=1,["id"]获取id的值为1,?