В этом скрипте мы рассмотрим самые полезные функции jQuery и рассмотрим для чего он нужен.
jQuery - это библиотека JavaScript для упрощения пользования JS.
Для начала необходимо подключить jquery в хэдере нашей страницы.
Давайте теперь ознакомимся с основными принципами jQuery
В jQuery есть селектор и методы для выделенного элемента/группы элементов. Вот простой пример:
В данном примере мы выбрали все элементы с классом .myClass и предали им стиль margin = "10px 0 0 10px"
Как вы могли заметить, мы сначала пишем доллар и скобочки, в которых выбираем нужный(ые) элемент(ы)
Обращу ваше внимание, что в таких скобочках без кавычек можно отметить window и document. Всё остальное в кавычках.
В кавычках пишут id, class, element, element + name.
Как я уже сказал ранее, jQuery библиотека методов. Например, метод ready(), аргументом которого будет функция.
Почему же именно функция является аргументом метода ready()?
Да всё очень просто, метод ready() заменяет
Другими словами, любой event listener(addEventListener) должен содержать в себе функцию. Любой метод jQuery, заменяющий это, должен так же содержать функцию.
Есть так же методы, где аргументов вообще нет. Например
Методы show() и hide() показывают и скрывают выделенный элемент. Без аргументов.
Один из самых полезных методов, это конечно метод attr(), этот метод заменяет любой указанных атрибут элемента. Пример:
Здесь мы устанавливаем путь для картинки src на "images/pfp.png"
Кстати, для jquery не важно какие кавычки вы используете, одинарные или двойные. Но в случае с селектором по имени используйте разные кавычки
Метод each() - тоже один из самых полезнейших. Им можно пройтись по группе элементов, например по классу.
Тут мы выделили все элементы li в ul с классом contacts. Мы предали ему стиль padding = "5px"
Еще несколько полезных методов, которые используются очень часто.
Больше методов и их аргументы вы найдёте здесь