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 相关文章推荐
web前端开发也需要日志
Dec 09 Javascript
javascript题目,重写函数让其无限相加
Feb 15 Javascript
Javascript创建自定义对象 创建Object实例添加属性和方法
Jun 04 Javascript
jquery判断元素的子元素是否存在的示例代码
Feb 04 Javascript
jquery mobile 移动web(5)
Dec 20 Javascript
基于JavaScript代码实现pc与手机之间的跳转
Dec 23 Javascript
JS中mouseover和mouseout多次触发问题如何解决
Jun 06 Javascript
详解jQuery中ajax.load()方法
Jan 25 Javascript
webpack4.0打包优化策略整理小结
Mar 30 Javascript
angular中两种表单的区别(响应式和模板驱动表单)
Dec 06 Javascript
Vue设置长时间未操作登录自动到期返回登录页
Jan 22 Javascript
JavaScript运动原理基础知识详解
Apr 02 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
实现了一个PHP5的getter/setter基类的代码
2007/02/25 PHP
实用函数10
2007/11/08 PHP
Mysql的GROUP_CONCAT()函数使用方法
2008/03/28 PHP
PHP Mysql编程之高级技巧
2008/08/27 PHP
CakePHP框架Model关联对象用法分析
2017/08/04 PHP
PHP chr()函数讲解
2019/02/11 PHP
简易js代码实现计算器操作
2013/04/15 Javascript
Js nodeType 属性全面解析
2013/11/14 Javascript
jQuery中queue()方法用法实例
2014/12/29 Javascript
浅谈EasyUI中编辑treegrid的方法
2015/03/01 Javascript
jquery滚动加载数据的方法
2015/03/09 Javascript
jquery点击改变class并toggle的实现代码
2016/05/15 Javascript
Bootstrap的modal拖动效果
2016/12/25 Javascript
基于node简单实现RSA加解密的方法步骤
2019/03/21 Javascript
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
2019/09/05 Javascript
浅析微信小程序modal弹窗关闭默认会执行cancel问题
2019/10/14 Javascript
node读写Excel操作实例分析
2019/11/06 Javascript
js异步接口并发数量控制的方法示例
2020/11/22 Javascript
[47:53]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#2COL VS Spirit
2016/03/02 DOTA
[01:05:59]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
[01:04:29]DOTA2-DPC中国联赛 正赛 Phoenix vs XG BO3 第二场 1月31日
2021/03/11 DOTA
Python实现生成随机日期字符串的方法示例
2017/12/25 Python
Python打印输出数组中全部元素
2018/03/13 Python
pyqt5 lineEdit设置密码隐藏,删除lineEdit已输入的内容等属性方法
2019/06/24 Python
linux 下python多线程递归复制文件夹及文件夹中的文件
2020/01/02 Python
sklearn+python:线性回归案例
2020/02/24 Python
Django 用户登陆访问限制实例 @login_required
2020/05/13 Python
详解python3类型注释annotations实用案例
2021/01/20 Python
HTML5新特性之用SVG绘制微信logo
2016/02/03 HTML / CSS
Canvas 文本填充线性渐变的使用详解
2020/06/22 HTML / CSS
说出ArrayList,Vector, LinkedList的存储性能和特性
2015/01/04 面试题
Python是如何进行类型转换的
2013/06/09 面试题
汽车维修工岗位职责
2014/02/12 职场文书
人事专员的岗位职责
2014/03/01 职场文书
乡镇党建工作汇报材料
2014/08/14 职场文书
Python操作CSV格式文件的方法大全
2021/07/15 Python