本页目录
jQuery 库目前已经是非常流行且通用的前端开发 js 框架，而当下紧跟潮流的 WordPress 已经集成了全套的 jquery 库与其他子库，方便我们开发主题或是插件时可以方便的调用 WordPress 自带的 jquery 库，而且，这套 WordPress 内置的 jquery 库也会随着 WordPress 的升级而升级，让我们能一直使用最新版本的 jquery 库。当然使用 WordPress 的 jquery 库也有一些需要注意的地方。
- 参考链接：详情壹
方法一：
引用 WordPress 自带的 jquery.js
将以下代码添加至 header.php 文件的<head>标签内<?php wp_head();? >之前，保存即可。
<?php wp_enqueue_script("jquery"); ?>使用时需要注意的地方：
wp_enqueue_script(“jquery”); 务必加在 wp_head(); 的前面，而且 js 的写法是:
jQuery(document).ready(function($) {// "$"符号在这里才能被识别});WP 的 jQuery 和原版唯一的不同, 就是在最后一行加了 jQuery.noConflict();这个noConflict() 就是为了与其它的library 兼容性, 如:Prototype, MooTools, 或 YUI.方法二：
引入外部 JS 或者内部 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' );推荐的引用方法：
这是一处实例