В этой статье вы прочитаете в JQuery начало работы, то есть, тут не будет подробного разбора что и зачем, но с учётом того что сейчас он не популярен, этого должно быть достаточно.
Тут не будет описано как установить его, для этого на сайте есть отдельная статья: «Что такое JQuery и как его подключить».
Основы JQuery для начинающих:
Самое главное какие основы для начинающих в JQuery нужно знать, это то как брать элемент из DOM, для этого можете использовать эту функцию.
1 | var document = JQuery('body'); |
В этом коде мы взяли всё HTML тело документа, и первое что стоит сказать, это то, что в качестве строки во функции JQuery() мы используем селектор элемента, который нужно взять.
Второе, это то, что есть более короткая и удобный формат это функции, через знак доллара.
1 | var document = $('body'); |
Это то же самый код, только вместо JQuery, мы написали знак «$», но делает он тоже самое, что и выше.
Ещё кроме селекторов можно использовать и другие значения:
- this – выбор текущего элемента;
- “*” — применяется для выбора всех элементов, расположенных на странице;
Как работать с элементами в JQuery:
После того когда поняли как брать элементы, нужно понять как их изменять, для этого есть различные методы я пока, но перед этим рассмотрим синтаксис.
1 | $('селектор').метод(); |
То есть вы сначала берёте элемент как показывалось в начале, и с помощью специального метода изменяете его как вам надо, также можете добавлять методы присвоенным переменной элементов.
Вот список самых основных методов которые помогут вам в работе:
- addClass() — Добавляет класс элементу;
- append() — Добавление
- clone() — Клонирует элемент;
- css() — Добавляет для элемента CSS свойства;
- html() — Аналог innerHTML;
- remove() — Удаляет выбранный элемент;
Это пожалуй самые основные которые стоит знать, но если вам этого будет мало, то можете зайти по ссылке, там вы найдёте чуть больше различных методов.
Ещё статьи про JQuery:
Есть ещё на нашем сайте три статей про JQuery которые стоит прочитать, вот их список:
Эти статьи вам должны помочь чуть больше понять про то как работать с JQuery, и вообще их будет полезно прочитать каждому кто работает с JavaScript.
Вывод:
В этой короткой статье вы прочитали про начало работы с JQuery, конечно, было бы можно больше написать, но я решил что не надо, так как он уже мёртв, и профессиональные навыки владения им уже не нужны, единственное только для поддержки старых проектов.