wordpress中加载JQuery库的几种方法

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路径,比以前好多了。


NickYang

NickYang

无知一码农,现居住于上海,从事游戏服务器端开发
http://www.cppfans.org


Comments

    1. 本地加载其实没什么缺点的,不过就是耗流量,有些流量有限的人能省则省(比如我),还有就是省的自己包含哪些JS了,代码看起来简洁明了。而从其他地址加载的话,一般都会从大站上过来(例如SAE或者GAE,BAE等),所以挂马的情况应该来说接近0.

发表评论

电子邮件地址不会被公开。 必填项已用*标注