前言
最近在整理一些以前的博文,发现浏览数以及评价数最高的算是《ExtJS的使用方法汇总》系列,通过大家的反馈,这一系列的七篇文章基本可以让一个刚接触ExtJS的人学习并开始使用ExtJS,在这里,为了便于大家查找,重新贴出地址:
ExtJS的使用方法汇总(1)——配置和表格控件使用http://blog.youkuaiyun.com/rocket5725/article/details/4535323
ExtJS的使用方法汇总(2)——表单与输入控件http://blog.youkuaiyun.com/rocket5725/article/details/4538843
ExtJS的使用方法汇总(3)——树形结构http://blog.youkuaiyun.com/rocket5725/article/details/4551429
ExtJS的使用方法汇总(4)——拖放以及弹出窗口http://blog.youkuaiyun.com/rocket5725/article/details/4553726
ExtJS的使用方法汇总(5)——布局http://blog.youkuaiyun.com/rocket5725/article/details/4554730
ExtJS的使用方法汇总(6)——工具栏和菜单 http://blog.youkuaiyun.com/rocket5725/article/details/4555207
ExtJS的使用方法汇总(7)——数据存储与传输http://blog.youkuaiyun.com/rocket5725/article/details/4557183
ExtJS是我在上一个系统所采用的JS库,后来在实际的应用过程中,页面的速度加载方面存在了一定的瓶颈,虽然一直在试图优化,但是问题依旧存在。所以在后来的一个项目,我们选择了JQuery。
为了让更多的人更容易接触到JS,从本文开始,将陆续推出《Jquery的使用方法汇总》系列文章,欢迎大家继续支持并提出宝贵意见。
JQuery是什么?
为什么选择JQuery?
1.比ExtJS更轻便
2.JS库本身的优势
3.其他方面
如何使用JQuery?
1.下载JQuery

2.配置JQuery
2.1 添加引用
<html>
<head>
<title>JQuery学习系列教程</title>
</head>
<body>
<a href="http://blog.youkuaiyun.com/rocket5725/">薛敬明的博客</a>
//STEP 1
<script src="jquery-1.8.3.min.js"></script>
<script>
</script>
</body>
</html>
2.2 添加入口函数
<html>
<head>
<title>JQuery学习系列教程</title>
</head>
<body>
<a href="http://blog.youkuaiyun.com/rocket5725/">薛敬明的博客</a>
//STEP 1
<script src="jquery-1.8.3.min.js"></script>
<script>
//STEP 2
$(document).ready(function(){
});
</script>
</body>
</html>
$(document).ready()的写法涉及到了JQuery的语法,下一篇文章会提到语法的相关知识。
$(function(){
});
2.3 添加代码
<html>
<head>
<title>JQuery学习系列教程</title>
</head>
<body>
<a href="http://blog.youkuaiyun.com/rocket5725/">薛敬明的博客</a>
//STEP 1
<script src="jquery-1.8.3.min.js"></script>
<script>
//STEP 2
$(document).ready(function(){
//STEP 3
alert("Hello JQuery World!");
});
</script>
</body>
</html>
为什么要把我们想执行的JS代码写到$(document).ready()内? 一个原因就是
防止文档在完全加载之前运行 JQuery 代码。这个跟ExtJS是相通的。
2.4 初探选择器
<html>
<head>
<title>JQuery学习系列教程</title>
</head>
<body>
<a href="http://blog.youkuaiyun.com/rocket5725/">薛敬明的博客</a>
//STEP 1
<script src="jquery-1.8.3.min.js"></script>
<script>
//STEP 2
$(document).ready(function(){
//STEP 3
alert("Hello JQuery World!");
//STEP 4
$("a").click(function(event){
alert("Welcome to Xue's Blog!");
});
});
</script>
</body>
</html>

是不是很简单?有没有特别的兴奋?那就让我们开始JQuery的学习吧。
本系列文章包括些什么?
1、JQuery的入门
2、JQuery的选择器
3、JQuery Grid的介绍
4、JQuery UI的介绍
5、大型实例应用
作者:薛敬明
出处:http://blog.youkuaiyun.com/rocket5725
本文版权归作者和优快云共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。