WordPress中使用JQuery的方法

WordPress中使用JQuery可以通过两种方式，一种是直接在主题或插件中引入JQuery库，另一种是使用WordPress自带的JQuery库。

1. 引入JQuery库

首先，在主题或插件的 functions.php 文件中添加以下代码引入JQuery库：

function custom_scripts() {
    wp_enqueue_script( 'jquery' );
}
add_action( 'wp_enqueue_scripts', 'custom_scripts' ); 

然后，在需要使用JQuery的地方，我们可以直接写JQuery代码，例如：

jQuery(document).ready(function(){
    // 在文档加载完成后执行以下代码
    jQuery('button').click(function(){
        alert('Hello World!');
    });
}); 

2. 使用WordPress自带的JQuery库

WordPress自带了JQuery库，我们可以直接通过以下代码调用：

function custom_scripts() {
    wp_enqueue_script( 'jquery' );
}
add_action( 'wp_enqueue_scripts', 'custom_scripts' ); 

然后，在需要使用JQuery的地方，我们需要使用 $ 符号代替 jQuery，例如：

$(document).ready(function(){
    // 在文档加载完成后执行以下代码
    $('button').click(function(){
        alert('Hello World!');
    });
}); 

需要注意的是，WordPress自带的JQuery库可能不是最新版本，如果需要使用最新版本的JQuery库，可以在主题或插件中引入自己的JQuery库。

阅读文章或者观看视频过程中有任何问题，请下方留言或者联系我Q248758228