В JavaScript $(function() {});— это сокращенное обозначение функции $(document).ready()в jQuery. Он используется для указания функции, которая будет выполняться, когда DOM (объектная модель документа) полностью загружена и готова к работе.

Когда вы используете $(function() {});или $(document).ready(), вы, по сути, ожидаете, пока вся веб-страница будет загружается перед выполнением любого кода JavaScript. Это гарантирует, что все элементы HTML будут доступны, к ним можно будет получить доступ и манипулировать ими без каких-либо проблем.

Вот пример использования $(function() {});:

$(function() {
  // Your code here
  // This code will be executed when the DOM is fully loaded
});

Размещая свой код внутри функции, переданной в $(function() {});, вы гарантируете, что он будет выполнен в нужное время после того, как DOM будет готов.

Теперь давайте перейдем к некоторым другим часто используемым методам jQuery:

1. $(селектор): этот метод используется для выбора элементов из DOM на основе предоставленного селектора. Он возвращает объект jQuery, представляющий выбранные элементы.
2. .addClass(className): этот метод добавляет к выбранным элементам один или несколько классов CSS.
3. .removeClass(className): этот метод удаляет один или несколько классов CSS из выбранных элементов.
4. .toggleClass(className): этот метод переключает наличие класса CSS в выбранных элементах.
5. .css(propertyName, value): этот метод используется для получения или установки значения свойства CSS для выбранных элементов.
6. .fadeIn(): этот метод постепенно делает выбранные элементы видимыми, постепенно их затушевывая.
7. .fadeOut(): этот метод постепенно делает выбранные элементы невидимыми, затемняя их.
8. .slideUp(): этот метод скрывает выбранные элементы, сдвигая их вверх.
9. .slideDown(): этот метод показывает выбранные элементы, сдвигая их вниз.
10. .html(content): этот метод получает или устанавливает HTML-содержимое выбранных элементов.