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 相关文章推荐
关于__defineGetter__ 和__defineSetter__的说明
May 12 Javascript
JS动画效果代码3
Apr 03 Javascript
jQuery 下拉列表 二级联动插件分享
Mar 29 Javascript
jQuery构造函数init参数分析续
May 13 Javascript
BootStrap初学者对弹出框和进度条的使用感觉
Jun 27 Javascript
Jqprint实现页面打印
Jan 06 Javascript
angularjs实现搜索的关键字在正文中高亮出来
Jun 13 Javascript
ionic 自定义弹框效果
Jun 27 Javascript
基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果
Jul 13 Javascript
javascript实现Java中的Map对象功能的实例详解
Aug 21 Javascript
vue+vuex+axios实现登录、注册页权限拦截
Mar 09 Javascript
JS实现十分钟倒计时代码实例
Oct 18 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的引用计数机制
2013/06/14 PHP
动态加载外部javascript文件的函数代码分享
2011/07/28 Javascript
javascript检测浏览器flash版本的实现代码
2011/12/06 Javascript
setInterval()和setTimeout()的用法和区别示例介绍
2013/11/17 Javascript
浅析XMLHttpRequest的缓存问题
2013/12/13 Javascript
关闭浏览器输入框自动补齐 兼容IE,FF,Chrome等主流浏览器
2014/02/11 Javascript
ECMAScript6的新特性箭头函数(Arrow Function)详细介绍
2014/06/07 Javascript
javascript实现获取服务器时间
2015/05/19 Javascript
javascript实现将文件保存到本地方法汇总
2015/07/26 Javascript
详解Angular2表单-模板驱动的表单(Template-Driven Forms)
2017/08/04 Javascript
javascript简写常用的12个技巧(可以大大减少你的js代码量)
2020/03/28 Javascript
vue与bootstrap实现时间选择器的示例代码
2017/08/26 Javascript
JavaScript实现随机数生成器(去重)
2017/10/13 Javascript
vuejs实现本地数据的筛选分页功能思路详解
2017/11/15 Javascript
浅析vue中的MVVM实现原理
2019/03/04 Javascript
原生JS实现烟花效果
2020/03/10 Javascript
Python中super函数的用法
2017/11/17 Python
django模型层(model)进行建表、查询与删除的基础教程
2017/11/21 Python
urllib和BeautifulSoup爬取维基百科的词条简单实例
2018/01/17 Python
python五子棋游戏的设计与实现
2019/06/18 Python
完美解决python3.7 pip升级 拒绝访问问题
2019/07/12 Python
详解如何在cmd命令窗口中搭建简单的python开发环境
2019/08/29 Python
Python continue语句实例用法
2020/02/06 Python
python json load json 数据后出现乱序的解决方案
2020/02/27 Python
Python通过Pillow实现图片对比
2020/04/29 Python
UGG澳洲官网:UGG Australia
2018/04/26 全球购物
澳大利亚百货商店中销量第一的商务衬衫品牌:Van Heusen
2018/07/26 全球购物
男女钓鱼靴和甲板鞋:XTRATUF
2021/01/09 全球购物
银行营业厅大堂经理岗位职责
2014/01/06 职场文书
满月酒答谢词
2014/01/14 职场文书
护士感人事迹
2014/05/01 职场文书
反邪教宣传工作方案
2014/05/07 职场文书
房地产销售经理岗位职责
2015/02/02 职场文书
golang判断key是否在map中的代码
2021/04/24 Golang
Canvas如何做个雪花屏版404的实现
2021/09/25 HTML / CSS
TypeScript 内置高级类型编程示例
2022/09/23 Javascript