當(dāng)下緊跟潮流的wordpress已經(jīng)集成了全套的jquery庫(kù)與其他子庫(kù)，方便我們開發(fā)主題或是插件時(shí)可以方便的調(diào)用wordpress自帶的jquery庫(kù)
jQuery庫(kù)目前已經(jīng)是非常流行且通用的前端開發(fā)js框架，而當(dāng)下緊跟潮流的wordpress已經(jīng)集成了全套的jquery庫(kù)與其他子庫(kù)，方便我們開發(fā)主題或是插件時(shí)可以方便的調(diào)用wordpress自帶的jquery庫(kù)，而且，這套wordpress內(nèi)置的jquery庫(kù)也會(huì)隨著wordpress的升級(jí)而升級(jí)，讓我們能一直使用最新版本的jquery庫(kù)。當(dāng)然使用wordpress的jquery庫(kù)也有一些需要注意的地方。
- 參考鏈接：詳情壹
方法一：
引用wordpress自帶的jquery.js
將以下代碼添加至 header.php 文件的<head>標(biāo)簽內(nèi)<?php wp_head();? >之前，保存即可。
<?php wp_enqueue_script("jquery"); ?>使用時(shí)需要注意的地方：
wp_enqueue_script(“jquery”); 務(wù)必加在 wp_head(); 的前面，而且 js 的寫法是:
?
jQuery(document).ready(function($) {
// "$"符號(hào)在這里才能被識(shí)別
});
WP 的 jQuery 和原版唯一的不同, 就是在最后一行加了 jQuery.noConflict();
這個(gè)noConflict()?就是為了與其它的library 兼容性, 如:Prototype, MooTools, 或 YUI.
方法二：
引入外部JS或者內(nèi)部JS
這里提供了一些有趣的CDN
- 參考鏈接：BootCDN
一般的引用方法：（不推薦）
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>或者將以下代碼添加至主題根目錄下的functions.php文件中的<?php下面
function lifet_scripts() {
//引入jquery
wp_enqueue_script( 'jquery', 'https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js', array(), '20200506', true );
}
add_action( 'wp_enqueue_scripts', 'lifet_scripts' );推薦的引用方法：
這是一處實(shí)例
