怎么引入jquery.js[wordpress开发]

盾给网

4年前

jQuery库目前已经是非常流行且通用的前端开发js框架，而当下紧跟潮流的wordpress已经集成了全套的jquery库与其他子库，方便我们开发主题或是插件时可以方便的调用wordpress自带的jquery库，而且，这套wordpress内置的jquery库也会随着wordpress的升级而升级，让我们能一直使用最新版本的jquery库。当然使用wordpress的jquery库也有一些需要注意的地方。

参考链接：详情壹（http://www.frontopen.com/2357.html）

方法一：

引用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.

方法二：

主题的function.php文件内引入

这里提供了一些有趣的CDN

参考链接：BootCDN

//加载子主题样式
add_action( 'wp_enqueue_scripts', 'child_theme_enqueue_styles',99 );
function child_theme_enqueue_styles() {
  	//引入jquery
    wp_enqueue_script( 'dungei-jquery','//cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.min.js', array(), null , false );
}

方法三：

引入外部JS或者内部JS

这里提供了一些有趣的CDN

参考链接：BootCDN

一般的引用方法：（不推荐）

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>

方法一：

方法二：

方法三：

相关推荐: