JQuery的定义

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。

jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。如今,jQuery已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。

jQuery是免费、开源的,使用MIT许可协议。jQuery的语法设计可以使开发更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外,jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。

jQuery,顾名思义,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。

  1. 动态特效
  2. AJAX
  3. 通过插件来扩展
  4. 方便的工具 - 例如浏览器版本判断
  5. 渐进增强
  6. 链式调用
  7. 多浏览器支持,支持Internet Explorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+(在2.0.0中取消了对Internet Explorer6,7,8的支持)           使用方法:jQuery可以下载使用,有两个版本的 jQuery 可供下载

    Production version - 用于实际的网站中,已被精简和压缩。

    Development version - 用于测试和开发(未压缩,是可读的代码)

    jQuery 1.8.0版时压缩前后的对比


    文件

    行数

    大小

    jquery-1.8.0.min.js

    2

    91KB

    jquery-1.8.0.js

    9228

    254KB

    这两个版本都可以从 jQuery.com官网下载。

    也可以从多个公共服务器中选择引用。把jQuery存储在CDN公共库上可加快网站载入速度,CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用。与将JS库存放在服务器单机上相比,CDN公共库更加稳定、高速。国外的有GoogleMicrosoft等多家公司给jQuery提供CDN服务,国内由新浪云计算(SAE) 、百度云(BAE)等提供

    下面就介绍几个相对来说比较稳定的CDN。并且有jquery1.1至2.0所有版本下载分享

    Google CDN


    1

    <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

    提示:通过 Google CDN 来获得最新可用的版本:

    如果您观察上面的 Google URL - 在 URL 中规定了 jQuery 版本 (1.8.0)。如果您希望使用最新版本的 jQuery,也可以从版本字符串的末尾(比如本例 1.8)删除一个数字,谷歌会返回 1.8 系列中最新的可用版本(1.8.0、1.8.1 等等),或者也可以只剩第一个数字,那么谷歌会返回 1 系列中最新的可用版本(从 1.1.0 到 1.9.9)。

    Microsoft CDN[3]


    1

    <script type="text/javascript"src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"></script>

    提示:使用谷歌或微软的 jQuery,有一个很大的优势:

    许多用户在访问其他站点时,已经从谷歌或微软加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。

    新浪 CDN[4]


    1

    <script type="text/javascript"src="http://libs.baidu.com/jquery/2.0.3/jquery.min.js"></script>

    百度 CDN [5]


    1

    <script type="text/javascript"src="http://libs.baidu.com/jquery/2.0.3/jquery.min.js"></script>

    为了保险起见,当无法从CDN服务器上获取jQuery时,则使用本地jQuery


    1

    <script type="text/javascript">window.jQuery||document.write(‘<scriptsrc="//localhost/jQuery/jquery-2.1.0.min.js"><\/script>‘);</script>

    在Wordpress主题中使用的方法为


    1

    <script type="text/javascript">window.jQuery||document.write(‘<scripttype="text/javascript"src="<?phpechoget_template_directory_uri();?>/jquery.min.js">\x3C/script>‘)</script>

    注意事项

    1、Wordpress内置jQuery库,其末尾防止JS库冲突而加入的jQuery.noConflict()使得主题中所有jQuery代码都要做一些小修改,更可能导致一些插件效果失效。wordpress建议下载官方jQuery-Min库放到当前主题目录下调用,不要使用wp-includes里面的库。

    2、Google CDN库的地址采用了协议相对路径,它可以很好的解决https引起的一些问题,具体可以看Paul Irish的介绍,当然你依旧可以使用带“http:”的路径。

    3、许多网站都采用Google CDN提供的jQuery库,使用它可以得到出色的缓存效果。

    4、把jQuery代码统统放到页面底部可以提高载入速度。

    5、使用HTML5重构的页面可省略掉 type="text/javascript"。

    6、推荐使用国内CDN公共库,速度更快,稳定性更高。

时间: 2024-11-05 20:04:14

JQuery的定义的相关文章

jQuery源码分析之=&gt;jQuery的定义

最近写前段的代码比较多,jQuery是用的最多的一个对象,但是之前几次看了源码,都没搞清楚jQuery是怎么定义的,今天终于看明白怎么回事了.记录下来,算是一个新的开始吧. (文中源码都是jQuery-1.10.2版本的) 先上一段jQuery定义的源码,定义了jQuery为一个function 1 // Define a local copy of jQuery 2 jQuery = function( selector, context ) { 3 // The jQuery object

javascript、jQuery函数定义和调用方法

一.javascript 1.var aaa=function(){...} var 方式定义的函数,不能先调用函数,后声明,只能先声明函数,然后调用. 2.function aaa(){...} function方式定义函数可以先调用,后声明. 例子: <script language="JavaScript" type="text/javascript"> //aaa();这样调用就会出错 var aaa = function(){ alert(&q

JQuery $未定义

---恢复内容开始--- JQuery $未定义 (2012-07-23 15:14:45) 转载▼ 标签: 杂谈 分类: javaEE jquery是Yii集成的,利用jquery写的代码$(document).ready(function(){// 操作列表$('.operate').mouseover(function() {$('#operate-'+$(this).attr('key')).show();}).mouseout(function() {$('#operate-'+$(t

jQuery插件定义

一:导言 有些WEB开发者,会引用一个jQuery类库,然后在网页上写一写("#"),("#"),("."),写了几年就对别人说非常熟悉JQuery.我曾经也是这样的人,直到有一次公司里的技术交流,我才改变了自己对自己的看法. 二:普及JQuery知识 知识1:用JQuery写插件时,最核心的方法有如下两个: $.extend(object) 可以理解为JQuery 添加一个静态方法. $.fn.extend(object) 可以理解为JQuer

jquery源码笔记(二): 定义的变量,

jquery中定义的变量,1.防止污染全局变量,2.自定义变量有助于压缩优化,3.有助于后期维护 rootjquery ,  jquery的根目录jquery(document), core_strundefined= typeof undefined,      core_strundefined 存的就是string类型的 undefined 判断a是不是不存在: 一般判断方法,有2种: window.a ==undefined; //只使用这个 可能在IE中不行, typeof windo

掌握jQuery插件开发

在实际开发工作中,总会碰到像滚动,分页,日历等展示效果的业务需求,对于接触过jQuery以及熟悉jQuery使用的人来说,首先想到的肯定是寻找现有的jQuery插件来满足相应的展示需求.目前页面中常用的一些组件,都有多种jQuery插件可供选择,网络上也有很多专门收集jQuery插件的网站.利用jQuery插件确实可以给我们的开发工作带来便捷,但是如果只是会简单使用,而对其中的原理不甚了解,那么在使用过程中碰到问题或者对插件进行定制开发时就会有诸多疑惑.本文的目的就是可以快速了解jQuery插件

jQuery基本知识

jQuery知识结构 * jQuery入门?     * js函数库(DOM/ajax)     * 特点:         * HTML元素选取         * HTML元素操作         * CSS操作         * HTML事件处理         * JS动画效果         * 链式调用         * 浏览器兼容         * Ajax封装         * 易扩展插件     * helloworld         * 引入库           

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

Jquery插件使用方法

在实际开发工作中,总会碰到像滚动,分页,日历等展示效果的业务需求,对于接触过jQuery以及熟悉jQuery使用的人来说,首先想到的肯定是寻找现有的jQuery插件来满足相应的展示需求.目前页面中常用的一些组件,都有多种jQuery插件可供选择,网络上也有很多专门收集jQuery插件的网站.利用jQuery插件确实可以给我们的开发工作带来便捷,但是如果只是会简单使用,而对其中的原理不甚了解,那么在使用过程中碰到问题或者对插件进行定制开发时就会有诸多疑惑.本文的目的就是可以快速了解jQuery插件