哪一個版本開始
最初,WordPress不支持jQuery。然而,jQuery的普及和開發者的需求使得WordPress最終在他們的平台中包含了jQuery。它首次在WordPress 3.8.1中引入。之後,它幾乎用於所有主題和插件。
更新WordPress自帶的jQuery版本
待補充?
WordPress 中有默認的jQuery庫,所以我們是做插件以及主題開發不需要額外引入及對其版本沒有要求的話,直接使用WordPress的jQuery庫即可。下面最基本的引入方法:
<?php wp_enqueue_script("jquery");
微妙的是這個獨有的通用jQuery版本里,使用($)是無法工作的。所以我們很多開發者沒有找到這個兼容的寫法,下面我們舉例說明:
/* 到處可見的寫法 */
$("#some-element").wp-jpost();
/* WordPress下的安全寫法 */
jQuery("#some-element").wp-jpost();
WP 的 jQuery 和原版唯一的不同, 就是在最後一行加了 jQuery.noConflict();這個noConflict() 就是為了與其它的library 兼容性, 如:Prototype, MooTools, 或 YUI.
相關內容請參考: http://docs.jquery.com/Using_jQuery_with_Other_Libraries
如果我們需要使用到處可見的那種$()的寫法的話,必須要使用下面的寫法:
jQuery(document).ready(function( $ ) {
// 這裡就能愉快的使用$()開頭啦~~~
});
調用jQuery的幾種方法
1.自己從網上下載掛在自己網站中。
<script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/js/jquery.js”>
</script>
2.直接調用谷歌 Google 的 API庫
<scrip和type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js”>
</script>
3.直接調用WP自帶的 jQuery
<?php wp_enqueue_script(‘jquery’); ?>
但要注意的是: wp_enqueue_script(‘jquery’); 必需加在 wp_head(); 的前面,
而且 js 的寫法是:
jQuery(document).ready(function($) {
// $() will work as an alias for jQuery() inside of this function
});
這樣 jQuery() 包里的所有 $() 才能被正確識別.
大家的習慣寫法也:
$(document).ready(function() { … }); 需要改為 jQuery(document).ready(function($) { … });
這是為了 noConflict();
另外, 把全部簡寫的“$” 還原回,使用“jQuery” 也行.