检测jQuery.js是否已加载的判断代码

 更新时间:2011年05月20日 01:20:56   投稿:mdxy-dxy  
测类、方法、变量或属性是否已存在,这是Javascript编程基础知识。在这里我们就是要检测jQuery()或$()函数是否存在

当然,该方法不局限于jQuery的检测,对与任何Javascript变量或函数都是通用的。

当前网页加载jQuery后,jQuery()或$()函数将会被定义,所以检测jQuery是否已经加载存在以下2种方法:

方法1:

if (jQuery) { 
// jQuery 已加载 
} else { 
// jQuery 未加载 
} 

方法2:

if (typeof jQuery == 'undefined') { 
// jQuery 未加载 
} else { 
// jQuery 已加载 
} 

备注:
以上我们通过检测jQuery函数是否已定义,这是一个比较安全可靠的方法,因为当你加载jQuery.js后,可能会再加载prototype.js或mootools.js等,其中可能会重定义$()函数, 检测$()函数是否存在将会不准确。

平时我们加载jquery,如果带宽与速度不是很好的情况可以考虑引用第三方的jquery

<script src="//apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
  if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='/skin/mobile/js/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));
  }
</script>

或者

<script src="http://lib.sinaapp.com/js/jquery11/1.8/jquery.min.js"></script>
<script>window.jQuery || document.write(unescape("%3Cscript src='/skin/mobile/js/jquery.min.js' type='text/javascript'%3E%3C/script%3E"))</script>

一个是百度的,一个是新浪的,不建议使用google,微软等国外的,容易被强国内访问不如国内的快。

相关文章

  • jQuery实现冻结表头的方法

    jQuery实现冻结表头的方法

    这篇文章主要介绍了jQuery实现冻结表头的方法,实例分析了jQuery扩展方法的实现技巧及固定表格样式的方法,需要的朋友可以参考下
    2015-03-03
  • jquery(1.3.2) 斑马线效果代码

    jquery(1.3.2) 斑马线效果代码

    斑马线其实就是隔行换色效果。
    2009-05-05
  • Easyui笔记2:实现datagrid多行删除的示例代码

    Easyui笔记2:实现datagrid多行删除的示例代码

    本篇文章主要介绍了Easyui笔记2:实现datagrid多行删除,详细介绍了完成一个多行勾选并删除的功能。有兴趣的可以了解一下。
    2017-01-01
  • jQuery使用EasyUi实现三级联动下拉框效果

    jQuery使用EasyUi实现三级联动下拉框效果

    本篇文章主要介绍了jQuery使用EasyUi实现三级联动效果,实例使用EasyUi实现三级联动技巧,非常具有实用价值,需要的朋友可以参考下。
    2017-03-03
  • 基于jQuery架构javascript基础体系

    基于jQuery架构javascript基础体系

    jQuery毕竟还只是一个基础的最底层的工具集,封装元素选择器,事件等等,基本上能满足一般的需求,但要从整体的WEB的周度来看,为了提高javascript开发的效率与可重用性,就需要有一个整体的布局
    2011-01-01
  • JQuery基础语法小结

    JQuery基础语法小结

    在日常开发中JQuery是我们使用最频繁的JS库。使用JQuery进行开发,你需要先了解JQuery的基本语法。下面是在学习JQuery时总结的一些简单语法。
    2015-02-02
  • 如何实现星星评价(jquery.raty.js插件)

    如何实现星星评价(jquery.raty.js插件)

    本文主要分享了用jQuery插件jquery.raty.js实现星星评价功能:后台传数据,前台显示星星个数的具体方法。有很好的参考价值,需要的朋友一起来看下吧
    2016-12-12
  • 基于jquery实现多级菜单效果

    基于jquery实现多级菜单效果

    这篇文章主要为大家详细介绍了基于jquery实现多级菜单效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • jquery.validate使用详解

    jquery.validate使用详解

    Ajax在Web应用中的作用越来越大,许多工具都包含了对这一功能的使用,以下是对这些常用工具中Ajax的典型实例.
    2016-06-06
  • jQuery()方法的第二个参数详解

    jQuery()方法的第二个参数详解

    这篇文章主要介绍了jQuery()方法的第二个参数的使用方法,十分的简单,有需要的小伙伴可以参考下。
    2015-04-04

最新评论