最新消息:

wordpress中加载JQuery库的几种方法

Wordpress NickYang 15878浏览 5评论

Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种 应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。

正是因为JQuery体积小,并且开发效率快,特效多等特点,现在越来越多的web开发者开始使用JQuery来作为JS库,而我只在wordpress中使用JQuery,wordpress中已经包含了最新的JQuery.min.js文件,所以不需要从官网或者google CDN来获取了,下面是几种wordpress引入JQuery的方法,以供大家借鉴。

1.wordpress自带函数

<?php wp_enqueue_script('jquery'); ?>

2.从自己的主题模板中加载(前提是你的模板页使用了JS,不过现在貌似都有使用的)

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.min.js"></script>

3.从MS CDN加载

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.8.3.min.js"></script>

4.从google CDN加载

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

5.从国内的开发平台上加载(防止googleapis的网站打开慢,导致前台加载慢的情况),这里是从sae加载

<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>

备注:关于sae上关于JQuery的介绍和路径可以查看新浪sae/文档中心/PHP/开发手册/公共资源sae JQuery目录

(BAE,ACE,GAE应该也有JQuery,不过懒得去翻文档了)

前一段时间我的博客前台加载慢的原因就是因为ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js加载太慢了,原因大家都懂得,查了下是因为myQaptcha(文章评论滑动锁的插件)里面使用了JQuery,并且是直接攻google CDN加载的,很多次导致加载太慢了。现在直接修改为sae的JQuery路径,比以前好多了。

转载请注明:C++爱好者博客 » wordpress中加载JQuery库的几种方法

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (5)

  1. 谢谢,学习,我上次加载错了,换个链接吧,博主
    度哥网6年前 (2012-12-29)回复
    • 实在抱歉,贵站与本站内容完全不相符,建议找内容相符的站做友链,这样数据也升的快一点。
      eliteYang6年前 (2012-12-29)回复
  2. 直接从本地加载是否有啥缺点呢?从其它URL加载,万一在JS里挂马,就。。。
    茶话汇6年前 (2012-12-29)回复
    • 本地加载其实没什么缺点的,不过就是耗流量,有些流量有限的人能省则省(比如我),还有就是省的自己包含哪些JS了,代码看起来简洁明了。而从其他地址加载的话,一般都会从大站上过来(例如SAE或者GAE,BAE等),所以挂马的情况应该来说接近0.
      eliteYang6年前 (2012-12-29)回复