В этой небольшой записи, я хочу поделиться с вами тем, как можно использовать «$», вместо «jQuery» при написании jQuery скриптов на WordPress. Для безопасности, WordPress сделал использование jQuery не через «$», а напрямую с использование слова «jQuery» (подробнее в примерах ниже).

Это не очень удобно, особенно когда приходится повторять слово jQuery тысячу раз. Обычно, когда вы пишете какой-то код с помощью jQuery, вы используете «$» (как показано на примере ниже):

$('#block').fadeOut(300);

В случае с WordPress, код выше, должен быть в виде:

jQuery('#block').fadeOut(300);

Чтобы не писать слово «jQuery» миллиард раз, вы можете использовать один из двух вариантов решения данной проблемы, которые представлены ниже.

Первый вариант

Пустить jQuery в анонимную функцию, что позволит использовать «$» внутри самой функции.

(function($) {
  
  // Теперь $ работает! Чтобы проверить работу - вы можете вывести результат в консоль ниже
  // console.log($);
  
})( jQuery );

 Второй вариант

Если вам нужно использовать скрипт в голове документа, то данный вариант подойдет лучше чем первый.

jQuery(document).ready(function( $ ) {
  
  // Теперь $ работает! Чтобы проверить работу - вы можете вывести результат в консоль ниже
  // console.log($);
  
});