首页 视频课程 主题开发课程第17章、AJAX异步 WordPress中使用JQuery的方法

WordPress中使用JQuery的方法

2023-06-11 / 420阅

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

大家谈论
    我的见解
    目录