jquery学习系列1(Ready)
jquery学习入门
1.在vs2008中写一个jquery实例
-
在vs2008中新建js文件夹(添加jquery-1.5-vsdoc.js、jquery-1.5.js)
-
引用jquery-1.5.js
- 编写一个jquery实例：
View Code
1 $(
2 function()
3 {
4 alert("hello world");
5 }
6 )
2.jquery实例1：
View Code
1 //#代表取得某一个，什么不写代表取得所有的
2 $(function() {
3 //下面是单击按钮弹出文本框输入的内容
4 $("#btn").click(function() {
5 alert($("#txt").val());
6 })
7 //单击div即隐藏
8 $("div").click(function() {
9 $(this).hide();
10 })
11 //相当于onload操作初始化
12 $(document).ready(function() { alert("加载完毕！"); })
13 //相当于onload操作初始化2
14 $(document).ready(myready);
15 function myready() {
16 alert("也加载完毕！");
17 }
18 }
19 )
View Code
1 <body>
2 <form id="form1" runat="server">
3 <input type="text" id="txt" />
4 <input type="button" id="btn" value="单击按钮弹出文本框输入的内容" />
5 <div>
6 1.下载jquery-1.5-vsdoc.js(集成在vs2008中的感知提示脚本库)、jquery-1.5.js(脚本库)、jquery-1.5.min.js(脚本压缩库。大型网站为了提高运行速率往往采用脚本压缩库)这三个javascript库
7 2.为了集成在vs2008中的感知提示脚本库必须安装vs2008 sp1补丁，接着安装VS90SP1-KB958502-x86.exe 注意： 1.装vs2008
8 sp1补丁最好用虚拟光驱进行安装防止出错！ 2.对于vs2010来说本身平台内就集成了jquery脚本库。 1.下载jquery-1.5-vsdoc.js(集成在vs2008中的感知提示脚本库)、jquery-1.5.js(脚本库)、jquery-1.5.min.js(脚本压缩库。大型网站为了提高运行速率往往采用脚本压缩库)这三个javascript库
9 2.为了集成在vs2008中的感知提示脚本库必须安装vs2008 sp1补丁，接着安装VS90SP1-KB958502-x86.exe 注意： 1.装vs2008
10 sp1补丁最好用虚拟光驱进行安装防止出错！ 2.对于vs2010来说本身平台内就集成了jquery脚本库。 1.下载jquery-1.5-vsdoc.js(集成在vs2008中的感知提示脚本库)、jquery-1.5.js(脚本库)、jquery-1.5.min.js(脚本压缩库。大型网站为了提高运行速率往往采用脚本压缩库)这三个javascript库
11 2.为了集成在vs2008中的感知提示脚本库必须安装vs2008 sp1补丁，接着安装VS90SP1-KB958502-x86.exe 注意： 1.装vs2008
12 sp1补丁最好用虚拟光驱进行安装防止出错！ 2.对于vs2010来说本身平台内就集成了jquery脚本库。 1.下载jquery-1.5-vsdoc.js(集成在vs2008中的感知提示脚本库)、jquery-1.5.js(脚本库)、jquery-1.5.min.js(脚本压缩库。大型网站为了提高运行速率往往采用脚本压缩库)这三个javascript库
13 2.为了集成在vs2008中的感知提示脚本库必须安装vs2008 sp1补丁，接着安装VS90SP1-KB958502-x86.exe 注意： 1.装vs2008
14 sp1补丁最好用虚拟光驱进行安装防止出错！ 2.对于vs2010来说本身平台内就集成了jquery脚本库。
15 </div>
16 </form>
17 </body>
18 </html>
3.jquery实例2：
View Code
1 //ready(加载所有ready)和onload(加载最后的那个onload)不一样
2 //ready(所有Dom元素创建完后才触发)触发事件比onload(所有Dom元素加载完后才触发)早，这样可以提高网页响应速度
3 window.onload = function() {
4 alert("onload");
5 }
6 window.onload = function() {
7 alert("onload2");
8 }
