WordPressでデフォルトのjQueryを利用する／削除する方法

WordPressはデフォルトでjQueryを読み込んでいるので、ちょっとしたアニメーションならCSSで頑張らなくてもjQueryを利用するのも手です。

利用したい場合

テンプレートのfunctions.phpにこのように書きます。

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

wp_enqueue_scriptsアクションフックにjQueryを読み込むよう、明示します。
　
そして、jQueryを利用する場合は$マークを使いますが、競合する可能性があるのでjQueryに変えます。
　
こんな感じ

const nav = document.getElementsByTagName("nav")[0];
jQuery(nav).slideToggle();

例のようにJavaScriptと組み合わせることもできますよ。

削除したい場合

コンマ1秒でも速くしたい場合などは、デフォルトのjQueryを削除することもできます。

wp_deregister_script("jquery");