jQuery庫現在已經是非常流行且通用的前端開發js框架,wordpress中基本已經集成了全套的jquery庫與其他子庫,所以我們在寫前端程序時可以考慮調用wordpress自帶的jquery庫,這樣我們的jquery版本就能夠隨著wordpress升級一起更新,當然使用wordpress的jquery庫也有一些需要注意的地方.

如何直接調用wordpress的jquery庫

使用wordpress的內部函數實現引用,代碼如下:

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

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

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

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

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

1,直接在網上搜索到的 jQuery 特效,然后對其進行直接調用:

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

2.使用 Google 的 API 庫進行調用,貌似很多 jQuery 都是這樣調用的,很多插件通過 Google API 替換了 WP 默認的 jQuery,利用谷歌強大的服務器來加快其調用加載速度,代碼如下:

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

3.直接調用 WordPress 自帶的 jQuery 庫,代碼如下:

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

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

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

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

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

修改為:

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