如何在wordpress中应用jQuery

wordpress的安装包内集成了jquery库，我们可以直接用内置函数来引用它，wordpress自带的jQuery和原版唯一的不同, 就是在最后一行加了jQuery.noConflict()，这个noConflict()是为了与其它的library兼容, 如：Prototype, MooTools, 或 YUI。

<?php wp_enqueue_script("jquery");?>

出于安全考虑的写法

常规网页中，使用jQuery可以这么来写；

$(document).ready(function(){
    alert('Hello World!');
});

而引用wordpress的内置版本的jquery之后，我们需要采用安全写法来书写代码；

jQuery(document).ready(function($){
    alert('Hello World!');
});

外部引用

外部引用的jQuery不受上述规则的限制，比如引入字节跳动静态资源库的jQuery：

<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js" type="application/javascript"></script>