WordPressでjQueryを使用するときの注意点まとめ

2024/04/14

WordPressでjQueryを使いたいけどどうすればいいのかな？

この記事ではWordPressでjQueryを使うときにに気をつけることをまとめました。

この記事の著者

web制作エンジニア

伊藤義尚

2021年よりweb制作の学習を開始し、現在1社と業務提携中

自身が学んだこと、ためになったことを発信しています

WordPressでjQueryを使用するときの注意点まとめ

その１　jQueryはWordPressに入っている物を使う。

そのためにはfunctions.phpでに以下のコードを追加して下さい。

function my_enqueue(){
  wp_enqueue_script('jquery'); //これを追加する
}

そしてjQueryの書き方にも注意。
以下のようにjQuery(function($)を記載して下さい。

jQuery(function($) {
  const Target = $('.select-empty');
  $(Target).on('change', function () {
    if ($(this).val() !== "") {
      $(this).removeClass('select-empty');
      // $(this).attr('id','');
    } else {
      $(this).addClass('select-empty');
      // $(this).attr('id','elect-empty');
    }
  });
});

WordPressでjQueryを使用するときの注意点まとめ

WordPressでjQueryを使用するときの注意点まとめ

関連記事