jQuery庫(kù)現(xiàn)在已經(jīng)是非常流行且通用的前端開發(fā)js框架,wordpress中基本已經(jīng)集成了全套的jquery庫(kù)與其他子庫(kù),所以我們?cè)趯懬岸顺绦驎r(shí)可以考慮調(diào)用wordpress自帶的jquery庫(kù),這樣我們的jquery版本就能夠隨著wordpress升級(jí)一起更新,當(dāng)然使用wordpress的jquery庫(kù)也有一些需要注意的地方.

如何直接調(diào)用wordpress的jquery庫(kù)

使用wordpress的內(nèi)部函數(shù)實(shí)現(xiàn)引用,代碼如下:

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

使用時(shí)需要注意的地方,代碼如下:

1. wp_enqueue_script(“jquery”); //務(wù)必加在 wp_head(); 的前面，而且 js 的寫法是: 
2. jQuery(document).ready(function($) { 
3. // “$”符號(hào)在這里才能被識(shí)別 
4. });

補(bǔ)充:WP 的 jQuery 和原版唯一的不同,就是在最后一行加了如下代碼:jQuery.noConflict();

這個(gè) noConflict() 就是為了與其它的 library 兼容性,如: Prototype,MooTools,或 YUI.

1,直接在網(wǎng)上搜索到的 jQuery 特效,然后對(duì)其進(jìn)行直接調(diào)用:

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jQuery.js"></script>

2.使用 Google 的 API 庫(kù)進(jìn)行調(diào)用,貌似很多 jQuery 都是這樣調(diào)用的,很多插件通過 Google API 替換了 WP 默認(rèn)的 jQuery,利用谷歌強(qiáng)大的服務(wù)器來加快其調(diào)用加載速度,代碼如下:

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

3.直接調(diào)用 WordPress 自帶的 jQuery 庫(kù),代碼如下:

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

但要注意的是,此句必需加在 wp_head(); 的前面,并且在js文件中的寫法是:

jQuery(document).ready(function($) { … });

這樣 jQuery() 包里的所有 $() 才能被正確識(shí)別,當(dāng)然也可以使用以下方法,將如下代碼:

$(document).ready(function() { … });

修改為:

jQuery(document).ready(function($) { … });