jQuery 开天辟地入门篇一


Posted in Javascript onDecember 09, 2009

一.摘要
二.前言
三.什么是jQuery
jQuery是一套Javascript脚本库. 在我的博客中可以找到"Javascript轻量级脚本库"系列文章. Javascript脚本库类似于.NET的类库, 我们将一些工具方法或对象方法封装在类库中, 方便用户使用.

注意jQuery是脚本库, 而不是脚本框架. "库"不等于"框架", 比如"System程序集"是类库,而"ASP.NET MVC"是框架. jQuery并不能帮助我们解决脚本的引用管理和功能管理,这些都是脚本框架要做的事.

脚本库能够帮助我们完成编码逻辑,实现业务功能. 使用jQuery将极大的提高编写javascript代码的效率, 让写出来的代码更加优雅, 更加健壮. 同时网络上丰富的jQuery插件也让我们的工作变成了"有了jQuery,天天喝茶水"--因为我们已经站在巨人的肩膀上了.

创建一个ASP.NET MVC项目时, 会发现已经自动引入了jQuery类库. jQuery几乎是微软的御用脚本库了!完美的集成度和智能感知的支持,让.NET和jQuery天衣无缝结合在一起!所以用.NET就要选用jQuery而非Dojo,ExtJS等.

jQuery有如下特点:

1.提供了强大的功能函数使用这些功能函数, 能够帮助我们快速完成各种功能, 而且会让我们的代码异常简洁.

2.解决浏览器兼容性问题javascript脚本在不同浏览器的兼容性一直是Web开发人员的噩梦, 常常一个页面在IE7,Firefox下运行正常, 在IE6下就出现莫名其妙的问题. 针对不同的浏览器编写不同的脚本是一件痛苦的事情. 有了jQuery我们将从这个噩梦中醒来, 比如在jQuery中的Event事件对象已经被格式化成所有浏览器通用的, 从前要根据event获取事件触发者, 在ie下是event.srcElements 而ff等标准浏览器下下是event.target. jQuery则通过统一event对象,让我们可以在所有浏览器中使用event.target获取事件对象.

3.实现丰富的UIjQuery可以实现比如渐变弹出, 图层移动等动画效果, 让我们获得更好的用户体验. 单以渐变效果为例, 从前我自己写了一个可以兼容ie和ff的渐变动画, 使用大量javascript代码实现, 费心费力不说, 写完后没有太多帮助过一段时间就忘记了. 再开发类似的功能还要再次费心费力. 如今使用jQuery就可以帮助我们快速完成此类应用.

4.纠正错误的脚本知识这一条是我提出的, 原因就是大部分开发人员对于javascript存在错误的认识. 比如在页面中编写加载时即执行的操作DOM的语句, 在HTML元素或者document对象上直接添加"onclick"属性, 不知道onclick其实是一个匿名函数等等. 拥有这些错误脚本知识的技术人员也能完成所有的开发工作, 但是这样的程序是不健壮的. 比如"在页面中编写加载时即执行的操作DOM的语句", 当页面代码很小用户加载很快时没有问题, 当页面加载稍慢时就会出现浏览器"终止操作"的错误.jQuery提供了很多简便的方法帮助我们解决这些问题, 一旦使用jQuery你就将纠正这些错误的知识--因为我们都是用标准的正确的jQuery脚本编写方法!

5.太多了! 等待我们一一去发现. 四.Hello World jQuery
按照惯例, 我们来编写jQuery的Hello World程序, 来迈出使用jQuery的第一步.

在本文最后可以下本章的完整源代码.
1.下载jQuery类库

jQuery的项目下载放在了Google Code上, 下载地址:

Javascript 相关文章推荐
javascript中数组的定义及使用实例
Jan 21 Javascript
javascript中使用new与不使用实例化对象的区别
Jun 22 Javascript
AngularJS用户选择器指令实例分析
Nov 04 Javascript
JavaScript中Math对象的方法介绍
Jan 05 Javascript
JS文件/图片从电脑里面拖拽到浏览器上传文件/图片
Mar 08 Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 jQuery
WdatePicker.js时间日期插件的使用方法
Jul 26 Javascript
javascript修改浏览器title方法 JS动态修改浏览器标题
Nov 30 Javascript
javaScript强制保留两位小数的输入数校验和小数保留问题
May 09 Javascript
微信小程序排坑指南详解
May 23 Javascript
基于Vue实现平滑过渡的拖拽排序功能
Jun 12 Javascript
no-vnc和node.js实现web远程桌面的完整步骤
Aug 11 Javascript
jquery tablesorter.js 支持中文表格排序改进
Dec 09 #Javascript
jquery 事件执行检测代码
Dec 09 #Javascript
为指定元素增加样式的js代码
Dec 09 #Javascript
javascript setTimeout和setInterval 的区别
Dec 08 #Javascript
javascript OFFICE控件测试代码
Dec 08 #Javascript
JavaScript Cookie 直接浏览网站分网址
Dec 08 #Javascript
JavaScript Cookie显示用户上次访问的时间和次数
Dec 08 #Javascript
You might like
php使用strtotime和date函数判断日期是否有效代码分享
2013/12/25 PHP
php实现生成code128条形码的方法详解
2017/07/19 PHP
搭建自己的PHP MVC框架详解
2017/08/16 PHP
使用prototype.js进行异步操作
2007/02/07 Javascript
基于jquery的direction图片渐变动画效果
2010/05/24 Javascript
基于jquery点击自以外任意处,关闭自身的代码
2012/02/10 Javascript
JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(六)
2012/04/07 Javascript
用js来获取上传的文件名纯粹是为了美化而用
2013/10/23 Javascript
javascript修改IMG标签的src问题
2014/03/28 Javascript
JavaScript将字符串转换为整数的方法
2015/04/14 Javascript
jquery实现平滑的二级下拉菜单效果
2015/08/26 Javascript
基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
2015/11/24 Javascript
Javascript中的迭代、归并方法详解
2016/06/14 Javascript
js 提交form表单和设置form表单请求路径的实现方法
2016/10/25 Javascript
JavaScript获取tr td 的三种方式全面总结(推荐)
2017/08/15 Javascript
详解Nodejs get获取远程服务器接口数据
2019/03/26 NodeJs
[02:26]2016国际邀请赛8月3日开战 中国军团出征西雅图
2016/08/02 DOTA
[01:00:14]DOTA2官方TI8总决赛纪录片 真视界True Sight
2019/01/16 DOTA
[02:08]2018年度CS GO枪械皮肤设计大赛优秀作者-完美盛典
2018/12/16 DOTA
在Python中利用Pandas库处理大数据的简单介绍
2015/04/07 Python
Python使用min、max函数查找二维数据矩阵中最小、最大值的方法
2018/05/15 Python
python 构造三维全零数组的方法
2018/11/12 Python
Python遍历字典方式就实例详解
2019/12/28 Python
pytorch dataloader 取batch_size时候出现bug的解决方式
2020/02/20 Python
python访问hdfs的操作
2020/06/06 Python
python求解汉诺塔游戏
2020/07/09 Python
Python logging自定义字段输出及打印颜色
2020/11/30 Python
CSS3的resize属性使用初探
2015/09/27 HTML / CSS
使用html5新特性轻松监听任何App自带返回键的示例
2018/03/13 HTML / CSS
高性能钓鱼服装:Huk Gear
2019/02/20 全球购物
世界上最大的字体市场:MyFonts
2020/01/10 全球购物
通信工程求职信
2014/07/16 职场文书
2014年审计人员工作总结
2014/12/19 职场文书
2015感人爱情寄语
2015/02/26 职场文书
golang通过递归遍历生成树状结构的操作
2021/04/28 Golang
Python爬虫之用Xpath获取关键标签实现自动评论盖楼抽奖(二)
2021/06/07 Python