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 相关文章推荐
Jquery下的26个实用小技巧(jQuery tips, tricks & solutions)
Mar 01 Javascript
jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
Jun 28 Javascript
javascript实现跳转菜单的具体方法
Jul 05 Javascript
JavaScript判断密码强度(自写代码)
Sep 06 Javascript
node.js连接mongoDB数据库 快速搭建自己的web服务
Apr 17 Javascript
微信小程序 页面传参实例详解
Nov 16 Javascript
js获取元素的偏移量offset简单方法(必看)
Jul 05 Javascript
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
Nov 01 Javascript
JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】
Feb 06 Javascript
JavaScript门道之标准库
May 26 Javascript
JavaScript常用数组操作方法,包含ES6方法
May 10 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
Jul 12 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中如何直接执行SHELL
2013/06/28 PHP
PHP实现微信发红包程序
2015/08/24 PHP
PHP基于mssql扩展远程连接MSSQL的简单实现方法
2016/10/08 PHP
PHP实现的常规正则验证helper公共类完整实例
2017/04/27 PHP
PHP PDOStatement::fetch讲解
2019/01/31 PHP
js 实现无缝滚动 兼容IE和FF
2009/07/15 Javascript
javascript getElementsByName()的用法说明
2009/07/31 Javascript
jquery.ui.draggable中文文档
2009/11/24 Javascript
jQuery编写widget的一些技巧分享
2010/10/28 Javascript
jQuery循环滚动展示代码 可应用到文字和图片上
2012/05/11 Javascript
javascript基本包装类型介绍
2015/04/10 Javascript
JavaScript实现向右伸出的多级网页菜单效果
2015/08/25 Javascript
自学实现angularjs依赖注入
2016/12/20 Javascript
vue 优化CDN加速的方法示例
2018/09/19 Javascript
NodeJs之word文件生成与解析的实现代码
2019/04/01 NodeJs
在vue中利用v-html按分号将文本换行的例子
2019/11/14 Javascript
微信小程序vant弹窗组件的实现方式
2020/02/21 Javascript
利用js canvas实现五子棋游戏
2020/10/11 Javascript
[02:19]DOTA2上海特级锦标赛 观赛指南 Spectator Guide
2016/02/04 DOTA
Python 实现简单的电话本功能
2015/08/09 Python
python杀死一个线程的方法
2015/09/06 Python
对Python中列表和数组的赋值,浅拷贝和深拷贝的实例讲解
2018/06/28 Python
python 用opencv调用训练好的模型进行识别的方法
2018/12/07 Python
使用pandas实现连续数据的离散化处理方式(分箱操作)
2019/11/22 Python
利用 PyCharm 实现本地代码和远端的实时同步功能
2020/03/23 Python
Django 解决上传文件时,request.FILES为空的问题
2020/05/20 Python
keras 多任务多loss实例
2020/06/22 Python
德国婴儿推车和儿童安全座椅商店:BABYSHOP
2016/09/01 全球购物
优秀班集体获奖感言
2014/02/03 职场文书
2014年学生会工作总结
2014/11/07 职场文书
志愿者个人总结
2015/03/03 职场文书
校长师德表现自我评价
2015/03/05 职场文书
出国留学英文自荐信
2015/03/25 职场文书
房屋买卖定金协议书
2016/03/21 职场文书
经典格言警句:没有热忱,世间便无进步
2019/11/13 职场文书
i7 6700处理器相当于i5几代
2022/04/19 数码科技