Π Π°Π·Π½ΠΎΠ΅

Javascript ΠΈ jquery: Книга: Β«JavaScript ΠΈ jQuery. Π˜ΡΡ‡Π΅Ρ€ΠΏΡ‹Π²Π°ΡŽΡ‰Π΅Π΅ руководство» β€” Дэвид ΠœΠ°ΠΊΡ„Π°Ρ€Π»Π°Π½Π΄. ΠšΡƒΠΏΠΈΡ‚ΡŒ ΠΊΠ½ΠΈΠ³Ρƒ, Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ Ρ€Π΅Ρ†Π΅Π½Π·ΠΈΠΈ | JavaScript & jQuery. The Missing Manual | ISBN 978-5-699-79119-4

09.06.2023

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Ρ‡Ρ‚ΠΎ это Π·Π° Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° JavaScript

jQuery β€” Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° для языка программирования JavaScript, Π½Π°Π±ΠΎΡ€ инструмСнтов для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Π‘ Π΅Π΅ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ обращаСтся ΠΊ Ρ€Π°Π·Π½Ρ‹ΠΌ элСмСнтам ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-страницы ΠΈ управляСт Π΅Π΅ содСрТимым. Π’Π°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ страницу Π² зависимости ΠΎΡ‚ настроСк ΠΈ дСйствий ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ jQuery

jQuery написана Π½Π° JavaScript, популярном языкС для Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΈ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с интСрфСйсами. ΠŸΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½Π°Ρ Ρ†Π΅Π»ΡŒ создания Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ β€” ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ язык Π±ΠΎΠ»Π΅Π΅ Π³ΠΈΠ±ΠΊΠΈΠΌ ΠΈ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ сайты Π±Ρ‹Π»ΠΎ ΠΏΡ€ΠΎΡ‰Π΅.

Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° кроссплатформСнная ΠΈ кроссбраузСрная. Π­Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚, Ρ‡Ρ‚ΠΎ Π΅ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² Π»ΡŽΠ±Ρ‹Ρ… ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… систСмах, Π° написанный Π½Π° Π½Π΅ΠΉ ΠΊΠΎΠ΄ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ Π»ΡŽΠ±Ρ‹Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹. Π˜ΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ для Π½ΠΎΠ²Ρ‹Ρ… вСрсий ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ старыС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ Π²Ρ€ΠΎΠ΄Π΅ Internet Explorer 6, Π½ΠΎ ΠΈΠΌΠΈ сСйчас практичСски Π½Π΅ ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ.

jQuery ΠΈΠΌΠ΅Π΅Ρ‚ Π»ΠΈΡ†Π΅Π½Π·ΠΈΡŽ MIT, ΠΎΠ½Π° бСсплатная ΠΈ открытая. Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹: jQuery UI ΠΈ jQuery Mobile. Π˜Ρ… ΠΌΠΎΠΆΠ½ΠΎ ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡΠΌΠΈ для основной Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ, ΠΎΠ½ΠΈ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Ρ‹ для слоТных интСрфСйсов ΠΈ для мобильной Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. НазваниС читаСтся ΠΊΠ°ΠΊ Β«Π΄ΠΆΠ΅ΠΉΠΊΠ²Π΅Ρ€ΠΈΒ».

Для Ρ‡Π΅Π³ΠΎ Π½ΡƒΠΆΠ½Π° jQuery

Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΎΠΉ ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ созданиСм Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ части сайтов ΠΈ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Часто это программисты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ legacy-ΠΊΠΎΠ΄ Π² Π΄ΠΎΠ»Π³ΠΎΠΈΠ³Ρ€Π°ΡŽΡ‰ΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ….

jQuery ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ:

  • для быстрой связи JavaScript с HTML-элСмСнтами.
  • Ρ€Π°Π±ΠΎΡ‚Ρ‹ с сСлСкторами CSS.
  • Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΏΠΎ DOM-Π΄Π΅Ρ€Π΅Π²Ρƒ: ΠΎΠ±Ρ…ΠΎΠ΄Π°, поиска элСмСнтов, ΠΈΡ… измСнСния.
  • Ρ€Π°Π±ΠΎΡ‚Ρ‹ с событиями Π½Π° страницС ΠΈ рСакциями Π½Π° Π½ΠΈΡ….
  • Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ AJAX β€” ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π°, ΠΏΡ€ΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ страница Ρ„ΠΎΠ½ΠΎΠ²ΠΎ обмСниваСтся Π΄Π°Π½Π½Ρ‹ΠΌΠΈ с сСрвСром.
  • создания Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… эффСктов Π½Π° Π²Π΅Π±-страницС.

ΠΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ jQuery Π² 2022 Π³ΠΎΠ΄Ρƒ

БСйчас jQuery Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌ вытСснили Π΄Ρ€ΡƒΠ³ΠΈΠ΅ популярныС Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ ΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ для JavaScript. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° частично считаСтся ΡƒΡΡ‚Π°Ρ€Π΅Π²ΡˆΠ΅ΠΉ, ΠΈ Π² Π½ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… Π΅ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ нСчасто. Π­Ρ‚ΠΎ ΠΏΡ€ΠΎΠΈΠ·ΠΎΡˆΠ»ΠΎ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π½ΠΎΠ²Ρ‹Π΅ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ ΠΈ обновлСния языка Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π»ΠΈ практичСски Ρ‚Ρƒ ΠΆΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρƒ Π½Π΅Π΅.

Но jQuery Π±Ρ‹Π»Π° Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΌΠ½ΠΎΠ³ΠΎ Π»Π΅Ρ‚ начиная с ΠΌΠΎΠΌΠ΅Π½Ρ‚Π° появлСния, ΠΈ Π½Π° Π½Π΅ΠΉ написано ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ Π΄ΠΎ сих ΠΏΠΎΡ€. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰Π΅ΠΌΡƒ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ стоит ΠΈΠΌΠ΅Ρ‚ΡŒ прСдставлСниС ΠΎ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ΅. Π‘ΠΊΠΎΡ€Π΅Π΅ всСго, ΠΎΠ½ Ρ€Π°Π½ΠΎ ΠΈΠ»ΠΈ ΠΏΠΎΠ·Π΄Π½ΠΎ столкнСтся с ΠΊΠΎΠ΄ΠΎΠΌ Π½Π° jQuery, особСнно Ссли Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… с Π΄ΠΎΠ»Π³ΠΎΠΉ историСй.

А Π²ΠΎΡ‚ Π² Π½ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ инструмСнтами. Они Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Π΅Π΅ ΠΈ соврСмСннСС.

Как Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ jQuery

ΠŸΡ€ΠΈΠ½Ρ†ΠΈΠΏ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ β€” JavaScript отдСляСтся ΠΎΡ‚ HTML-Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ. БСйчас эта идСя примСняСтся Π² Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ повсСмСстно. Π‘ΠΊΡ€ΠΈΠΏΡ‚Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π² Ρ€Π°Π·Π½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…, ΠΈ ΠΈΡ… Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Π»Π΅Π³ΠΊΠΎ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Π° ΠΏΡ€ΠΈ слишком сильной связи с элСмСнтами это слоТно.

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ jQuery Π½Π΅ встраиваСтся Π² Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ β€” вмСсто этого ΠΎΠ½Π° ΠΈΡ‰Π΅Ρ‚ Π½ΡƒΠΆΠ½Ρ‹ΠΉ элСмСнт ΠΏΠΎ сСлСктору ΠΈ управляСт ΠΈΠΌ послС нахоТдСния. БСйчас Ρ‚Π°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈ Π² «чистом» JavaScript, Π½ΠΎ Π² старых вСрсиях языка это Π±Ρ‹Π»Π° нСпростая Π·Π°Π΄Π°Ρ‡Π°.

Π•Ρ‰Π΅ ΠΎΠ΄Π½Π° идСя Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ β€” Ρ€Π°ΡΡˆΠΈΡ€ΡΠ΅ΠΌΠΎΡΡ‚ΡŒ. Она состоит ΠΈΠ· ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½ΠΎΠ³ΠΎ ядра, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ собраны самыС Π²Π°ΠΆΠ½Ρ‹Π΅ для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ возмоТности, ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ². Если Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ понадобится Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ спСцифичСской Π·Π°Π΄Π°Ρ‡Π΅ΠΉ, ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½ для этой Π·Π°Π΄Π°Ρ‡ΠΈ. Π’Π°ΠΊΠΎΠ΅ Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π½ΡƒΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ основноС ядро: Ссли ΠΎΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ слишком большим, это Π½Π΅Π³Π°Ρ‚ΠΈΠ²Π½ΠΎ скаТСтся Π½Π° скорости Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ сайта.

Π§Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ jQuery

Π˜ΡΠΊΠ°Ρ‚ΡŒ элСмСнты. HTML-элСмСнты β€” это ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π±Π»ΠΎΠΊΠΈ тСкста, ссылки, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈ ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠ΅ содСрТимоС Π²Π΅Π±-страницы. Π˜Ρ… ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΊΠ°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ сСлСкторов β€” ΠΎΠ±Ρ€Π°Ρ‰Π΅Π½ΠΈΠΉ ΠΏΠΎ Ρ‚ΠΈΠΏΡƒ, классу, ΠΈΠΌΠ΅Π½ΠΈ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌ свойствам. НапримСр, Ссли Ρƒ элСмСнта Π΅ΡΡ‚ΡŒ класс page-header, Ρ‚ΠΎ сСлСктор ΠΏΠΎ классу page-header Π½Π°ΠΉΠ΄Π΅Ρ‚ Π΅Π³ΠΎ.

jQuery ΡƒΠΌΠ΅Π΅Ρ‚ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ элСмСнты ΠΏΠΎ сСлСкторам ΠΈ ΡƒΠΌΠ΅Π»Π° Π΄Π΅Π»Π°Ρ‚ΡŒ это Π΄Π°ΠΆΠ΅ Ρ‚ΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° Ρ‚Π°ΠΊΠΎΠΉ возмоТности Π½Π΅ Π±Ρ‹Π»ΠΎ Π² самом JavaScript. И сСйчас Π΅Π΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ Π±Ρ‹Π²Π°ΡŽΡ‚ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅, Ρ‡Π΅ΠΌ поиск элСмСнтов с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ языка.

Π­Ρ‚ΠΎ называСтся Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ ΠΏΡ€ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΏΠΎ DOM-Π΄Π΅Ρ€Π΅Π²Ρƒ β€” ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»Π΅Π½ΠΈΡŽ страницы Π² Π²ΠΈΠ΄Π΅ Π΄Ρ€Π΅Π²ΠΎΠ²ΠΈΠ΄Π½ΠΎΠΉ схСмы. jQuery ΠΌΠΎΠΆΠ΅Ρ‚ Π»Π΅Π³ΠΊΠΎ Π½Π°ΠΉΡ‚ΠΈ Π»ΡŽΠ±ΡƒΡŽ Β«Π²Π΅Ρ‚ΠΊΡƒΒ» ΠΈΠ»ΠΈ ΡƒΠ·Π΅Π» этой схСмы.

Π‘ jQuery ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΈΡΠΊΠ°Ρ‚ΡŒ Β«Π²Π΅Ρ‚ΠΊΠΈΒ» ΠΈΠ»ΠΈ ΡƒΠ·Π»Ρ‹ схСмы

Π˜Π·ΠΌΠ΅Π½ΡΡ‚ΡŒ элСмСнты. ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ поиск элСмСнтов сам ΠΏΠΎ сСбС Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ Π΄Π°Π΅Ρ‚. Он Π½ΡƒΠΆΠ΅Π½, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Π½Π°ΠΉΠ΄Π΅Π½Π½Ρ‹Π΅ сущности. НапримСр, Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π² Π±Π»ΠΎΠΊΠ΅ ΠΈΠ»ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ Π½Π΅Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ подсказку β€” это ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ jQuery. Π­Ρ‚ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Ρ… ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ ΠΊΡƒΠ΄Π° большС. Но ΡΡƒΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Π°: страница становится Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π½ΠΎΠΉ ΠΈ мСняСтся Π² зависимости ΠΎΡ‚ ΠΎΠ±ΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΡΡ‚Π².

Π Π΅Π°Π³ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° события. ΠœΠ°Π½ΠΈΠΏΡƒΠ»ΡΡ†ΠΈΠΈ с элСмСнтами ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ происходят Π½Π΅ просто Ρ‚Π°ΠΊ, Π° Ссли случится ΠΊΠ°ΠΊΠΎΠ΅-Ρ‚ΠΎ событиС. НапримСр, Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΏΠΎ ссылкС, ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π½ΠΈΠ΅ колСсика ΠΌΡ‹ΡˆΠΈ, Π½Π°Ρ…ΠΎΠΆΠ΄Π΅Π½ΠΈΠ΅ Π½Π° страницС 10 сСкунд ΠΈ дольшС. Π‘ΠΎΠ±Ρ‹Ρ‚ΠΈΠΉ Π² языкС ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠ΅ количСство, ΠΈ jQuery ΡƒΠΌΠ΅Π΅Ρ‚ ΠΈΡ… ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ.

JavaScript Ρ‚ΠΎΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с событиями, Π½ΠΎ ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Ρ‹Π²Π°Π» эту ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ ΠΏΠΎ-своСму. jQuery ΡƒΠ½ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Π»Π° процСсс ΠΈ упростила созданиС сайтов, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ ΠΌΠΎΠ³Π»ΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π²ΠΎ всСх Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ….

Π€ΠΎΠ½ΠΎΠ²ΠΎ ΠΏΠΎΠ΄Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚. Π’ jQuery Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° удобная ΠΈ простая Ρ€Π°Π±ΠΎΡ‚Π° с AJAX. ΠœΡ‹ ΡƒΠΆΠ΅ ΡƒΠΏΠΎΠΌΠΈΠ½Π°Π»ΠΈ Π΅Π³ΠΎ Π²Ρ‹ΡˆΠ΅. Π­Ρ‚ΠΎ тСхнология Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ…: Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ просматриваСт страницу, ΠΈ ΠΏΠΎ нСобходимости Π½Π° Π½Π΅ΠΉ подгруТаСтся нуТная информация. ΠŸΡ€ΠΈ этом страница Π½Π΅ пСрСзагруТаСтся, Π΄Π°Π½Π½Ρ‹Π΅ Π½Π΅ ΠΏΡ€ΠΎΠΏΠ°Π΄Π°ΡŽΡ‚, ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π½Π΅ приходится ΠΆΠ΄Π°Ρ‚ΡŒ. Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° происходит ΠΎΡ‡Π΅Π½ΡŒ быстро. ΠŸΡ€ΠΈΠΌΠ΅Ρ€ β€” автоматичСская ΠΏΠΎΠ΄Π³Ρ€ΡƒΠ·ΠΊΠ° Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² ΠΏΡ€ΠΈ пролистывании ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π° ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°. Π’Π°ΠΊ сайты становятся Π±ΠΎΠ»Π΅Π΅ Β«ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΌΠΈΒ» ΠΈ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌΠΈ, ΠΈ jQuery Π² этом ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚.

Π‘ΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ эффСкты ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ. Π’ Π³ΠΎΠ΄Ρ‹ появлСния jQuery Π² «чистом» языкС Π½Π΅ Π±Ρ‹Π»ΠΎ возмоТности с Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹Π΅ эффСкты. Иногда для Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ использовали тяТСловСсный Flash, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ грузился. jQuery сдСлала Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ Π»Π΅Π³Ρ‡Π΅. Π‘ Π½Π΅ΠΉ ΠΌΠΎΠΆΠ½ΠΎ Β«Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΒ» элСмСнт ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Ρ€Π΅Π°Π³ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ события: ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ внСшний Π²ΠΈΠ΄ ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠΈΠ³Ρ€Ρ‹Π²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊΡƒΡŽ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ. Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ Π² Π½Π΅ΠΉ ΠΏΡ€ΠΈΠ·Π²Π°Π½Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ, Ρ‡Ρ‚ΠΎ происходит Π½Π° экранС.

ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²Π° jQuery

ΠŸΡ€ΠΎΡΡ‚ΠΎΡ‚Π°. jQuery ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ, Ρƒ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Π½ΠΈΠ·ΠΊΠΈΠΉ ΠΏΠΎΡ€ΠΎΠ³ вхоТдСния, ΠΈ Π² Π½Π΅ΠΉ Π»Π΅Π³ΠΊΠΎ смоТСт Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ Π½ΠΎΠ²ΠΈΡ‡ΠΎΠΊ. По Π½Π΅ΠΉ Ρ…ΠΎΡ€ΠΎΡˆΠ°Ρ докумСнтация ΠΈ ΠΌΠ½ΠΎΠ³ΠΎ ΠΎΠ±ΡƒΡ‡Π°ΡŽΡ‰ΠΈΡ… ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ², Π² Ρ‚ΠΎΠΌ числС Π½Π° русском языкС. Π£ΠΆΠ΅ Ρ‡Π΅Ρ€Π΅Π· ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΎΠ΅ врСмя ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ.

ΠŸΠΎΠ½ΡΡ‚Π½Ρ‹ΠΉ ΠΊΠΎΠ΄. Написанный Π½Π° jQuery ΠΊΠΎΠ΄ понятный ΠΈ просто читаСтся, Ρƒ Π½Π΅Π³ΠΎ ясный синтаксис. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π² Π½Π΅ΠΌ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ, ΠΈ это Π²Π°ΠΆΠ½ΠΎ, Ссли Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ с ΠΊΠΎΠ΄ΠΎΠΌ Π΄Ρ€ΡƒΠ³ΠΈΡ… людСй.

ΠšΠΎΠΌΠΏΠ°ΠΊΡ‚Π½ΠΎΡΡ‚ΡŒ. Π’ сТатом Π²ΠΈΠ΄Π΅ jQuery вСсит 30 Кб, это Π½Π΅ Ρ‚Π°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎ. А ΠΊΠΎΠ΄ Π½Π° Π½Π΅ΠΉ ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½Ρ‹ΠΉ ΠΈ ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΉ, поэтому быстро ΠΏΠΈΡˆΠ΅Ρ‚ΡΡ.

Π Π°ΡΠΏΡ€ΠΎΡΡ‚Ρ€Π°Π½Π΅Π½Π½ΠΎΡΡ‚ΡŒ. На jQuery написано ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠ΅ количСство ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² Ρ€Π°Π·Π½Ρ‹Ρ… Π»Π΅Ρ‚. Π­Ρ‚ΠΎ Π² Ρ‚ΠΎΠΌ числС CMS, систСмы для быстрого создания сайтов β€” Π½Π° Π½ΠΈΡ… Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π²Π΅Π±-рСсурсов.

Π Π°ΡΡˆΠΈΡ€ΡΠ΅ΠΌΠΎΡΡ‚ΡŒ. ИдСя с нСбольшим ядром ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ΡΡ ΠΏΠΎ нСобходимости, экономит мСсто ΠΈ рСсурсы. Если Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ спСцифичСскиС Π·Π°Π΄Π°Ρ‡ΠΈ, Ρ‚ΠΎ ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ для ΠΈΡ… Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Π½Π΅ Π½ΡƒΠΆΠ½Ρ‹. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΎΠ½ΠΈ Π½Π΅ входят Π² Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Π½ΠΎ Ссли понадобятся, ΠΈΡ… Π»Π΅Π³ΠΊΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΈ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ.

Благодаря этому ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Ρƒ jQuery нСбольшая, лСгкая ΠΈ быстрая.

НСдостатки jQuery

Π‘ΠΎΠ»ΡŒΡˆΠΎΠ΅ количСство legacy-ΠΊΠΎΠ΄Π°. Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² Π½Π° jQuery сСйчас β€” это старый ΠΊΠΎΠ΄. Π•Π³ΠΎ слоТнСС ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ, Π΅ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΆΠ΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ, ΡΡ‡ΠΈΡ‚Π°ΡŽΡ‚ΡΡ Π½Π΅ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΈΠ»ΠΈ Π½Π΅Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ. ДокумСнтация ΠΏΠΎ Ρ‚Π°ΠΊΠΎΠΌΡƒ ΠΊΠΎΠ΄Ρƒ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ…ΡƒΠΆΠ΅, Ρ‡Π΅ΠΌ ΠΏΠΎ соврСмСнному, Π° писавшиС Π΅Π³ΠΎ программисты ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΡƒΠΆΠ΅ Π½Π΅ помнят, Ρ‡Ρ‚ΠΎ Π² Π½Π΅ΠΌ происходило.

Π˜Π·Π±Ρ‹Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒ. Когда Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ появилась, JavaScript ΡƒΠΌΠ΅Π» мСньшС, Ρ‡Π΅ΠΌ сСйчас. jQuery ΠΏΠΎΠΌΠΎΠ³Π°Π»Π° Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ дСйствия, с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π½Π΅ ΠΌΠΎΠ³ ΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒΡΡ Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ язык. Но с Ρ‚Π΅Ρ… ΠΏΠΎΡ€ JavaScript сильно измСнился, стал Π±ΠΎΠ»Π΅Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌ ΠΈ Π³ΠΈΠ±ΠΊΠΈΠΌ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ сСйчас ΠΌΠ½ΠΎΠ³ΠΈΠ΅ возмоТности jQuery ΠΈΠ·Π±Ρ‹Ρ‚ΠΎΡ‡Π½Ρ‹ β€” Ρ‚ΠΎ ΠΆΠ΅ самоС ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ языка ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ² Π²Ρ€ΠΎΠ΄Π΅ React ΠΈΠ»ΠΈ Vue.

Π•ΡΡ‚ΡŒ смысл Π΅Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ, Ссли Π½Π° Π½Π΅ΠΉ завязаны Π²Π°ΠΆΠ½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ сайта. Для Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… элСмСнтов Π»ΡƒΡ‡ΡˆΠ΅ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ «чистым» языком ΠΈΠ»ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ°ΠΌΠΈ. ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π΅Ρ‰Π΅ ΠΎΠ΄Π½ΠΎΠΉ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ β€” это лишняя Π½Π°Π³Ρ€ΡƒΠ·ΠΊΠ°.

Π‘Π½ΠΈΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Ρ‹, написанныС с jQuery, ΠΌΠΎΠ³ΡƒΡ‚ дольшС Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒΡΡ, Π° сам ΠΊΠΎΠ΄ β€” Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ нСсколько ΠΌΠ΅Π΄Π»Π΅Π½Π½Π΅Π΅, Ρ‡Π΅ΠΌ ΠΏΡ€ΠΈ использовании Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… возмоТностСй языка. Π­Ρ‚ΠΎ Π½Π΅ всСгда ΠΊΡ€ΠΈΡ‚ΠΈΡ‡Π½ΠΎ, Π½ΠΎ это стоит ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ Π² ситуациях, ΠΊΠΎΠ³Π΄Π° Π±Π΅Π· jQuery ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ ΠΎΠ±ΠΎΠΉΡ‚ΠΈΡΡŒ.

Как Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с jQuery

Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ с ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ сайта, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CDN ΠΈΠ»ΠΈ ΠΈΠ· рСпозитория Π½Π° GitHub. Она сущСствуСт Π² Π΄Π²ΡƒΡ… вСрсиях: полная ΠΈ облСгчСнная (slim). Π’ ΠΏΠΎΠ»Π½ΠΎΠΉ вСрсии Π΅ΡΡ‚ΡŒ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° AJAX ΠΈ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ эффСкты. Π­Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π½Π΅ для всСх сайтов, поэтому для ΠΌΠ½ΠΎΠ³ΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² достаточно ΠΎΠ±Π»Π΅Π³Ρ‡Π΅Π½Π½ΠΎΠΉ вСрсии.

КаТдая ΠΈΠ· вСрсий Π΅ΡΡ‚ΡŒ Π² Π΄Π²ΡƒΡ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°Ρ…. Один ΠΈΠ· Π½ΠΈΡ… β€” для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ: Ρ‚Π°ΠΌ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½ ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ, понятный для чтСния Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠΎΠΌ. Π’Ρ‚ΠΎΡ€ΠΎΠΉ β€” для ΠΏΡ€ΠΎΠ΄Π°ΠΊΡˆΠ½Π°: это Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ» с припиской min Π² Π½Π°Π·Π²Π°Π½ΠΈΠΈ. Π’ Π½Π΅ΠΌ ΡƒΠ±Ρ€Π°Π½Ρ‹ ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹, пСрСносы строк, ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΈ табуляция, Π° ΠΈΠΌΠ΅Π½Π° ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ… сокращСны ΠΈ сТаты. Π€ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Ρƒ ΠΊΠΎΠ΄Π° Ρ‚Π° ΠΆΠ΅ самая, Π½ΠΎ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΎΡ‡Π΅Π½ΡŒ слоТно. Он Π½ΡƒΠΆΠ΅Π½ Π½Π΅ для чтСния, Π° для выкладывания ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. ΠœΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ» мСньшС вСсит ΠΈ быстрСС грузится, поэтому ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½Π½Ρ‹Ρ… Π² ΠΏΡ€ΠΎΠ΄Π°ΠΊΡˆΠ½ вСрсий.

Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Ρ‡Π΅Ρ€Π΅Π· Π±Ρ€Π°ΡƒΠ·Π΅Ρ€, Π° ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ°ΠΊΠ΅Ρ‚Π½Ρ‹Ρ… ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ΠΎΠ² npm ΠΈΠ»ΠΈ yarn. Она выглядит ΠΊΠ°ΠΊ Ρ„Π°ΠΉΠ» с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ .js: Π΅Π³ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΏΠΎΠΌΠ΅Ρ‰Π°Π΅Ρ‚ Π² ΠΏΠ°ΠΏΠΊΡƒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΈ просто ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ ΠΊ своСму ΠΊΠΎΠ΄Ρƒ.

ПослС этого ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ всСми возмоТностями jQuery.

JavaScript, jQuery

Насколько Ρ€Π°Π·Π΄Ρ€Π°ΠΆΠ°ΡŽΡ‚ стандартныС ΠΎΠΊΠ½Π° ΠΎΠΏΠΎΠ²Π΅Ρ‰Π΅Π½ΠΈΠΉ JS? Они ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ ΠΈΠ· сСбя ΠΏΠ΅Ρ€Π΅ΠΆΠΈΡ‚ΠΎΠΊ ΠΏΡ€ΠΈΠΌΠΈΡ‚ΠΈΠ²Π½ΠΎΠΉ эпохи Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ …

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ соврСмСнный сайт Π΄ΠΎΠ»ΠΆΠ΅Π½ быстро Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ. БущСствуСт мноТСство ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² для ускорСния Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страниц, поэтому Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π΅ Π·Π½Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ сначала.

Π‘ΠΊΡ€ΠΈΠΏΡ‚ Progressively являСтся ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ инструмСнтом для увСличСния скорости страницы. Он являСтся скриптом для ΠΎΡ‚Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ (lazy load), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚ изобраТСния постСпСнно Π² процСссС прокручивания страницы ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ …

jQuery Π΄ΠΎ сих ΠΏΠΎΡ€ Π±Ρ‹Π»Π° ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ ΠΈ ΠΏΡ€Π°Π³ΠΌΠ°Ρ‚ΠΈΡ‡Π½ΠΎΠΉ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΎΠΉ, Π½ΠΎ всС Ρ‡Π°Ρ‰Π΅ сниТаСтся Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π΅ Π² своих ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… для выполнСния Ρ‚Π°ΠΊΠΈΡ… Π·Π°Π΄Π°Ρ‡, ΠΊΠ°ΠΊ Π²Ρ‹Π±ΠΎΡ€ элСмСнтов, ΠΈΡ… стилизация, анимация ΠΈ Π²Ρ‹Π±ΠΎΡ€ΠΊΠ° Π΄Π°Π½Π½Ρ‹Ρ…. Π‘ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ ES6 (ΠΎΠΊΠΎΠ»ΠΎ 96% Π½Π° ΠΌΠΎΠΌΠ΅Π½Ρ‚ написания ΡΡ‚Π°Ρ‚ΡŒΠΈ), сСйчас, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, самоС врСмя ΠΎΡ‚ΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ ΠΎΡ‚ использования jQuery.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ …

Для Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ панСль процСсса Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ (progress bar) являСтся ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ Π²Π΅Ρ‰ΡŒΡŽ. Он ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠΈΡ€ΡƒΠ΅Ρ‚ ΠΈΡ… ΠΎ Ρ‚ΠΎΠΌ, насколько ΠΎΠ½ΠΈ Π±Π»ΠΈΠΆΠ΅ ΠΊ Ρ†Π΅Π»ΠΈ. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для Π±ΠΎΠ»Π΅Π΅ ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ взаимодСйствия Π² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ. Когда Π²Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚Π΅ Π²Π΅Π±-страницу Π² своСм любимом Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€ выполнСния ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π»ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π° страница.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ …

Π’ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ дСсятки Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ страниц. Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΈΠ· Π½ΠΈΡ… написаны Π½Π° JavaScript ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ свои собствСнныС эффСкты Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ для одностраничных ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ …

ΠšΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ Π±Π»ΠΎΠ³Π°

  • Битрикс (40)
  • HTML-вСрстка (54)
  • Joomla (18)
  • JavaScript, jQuery (26)
  • PHP (10)
  • Π‘Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ… (5)
  • Π Π°Π·Π½ΠΎΠ΅ (23)

Мои услуги

ΠŸΡ€Π΅Π΄Π»Π°Π³Π°ΡŽ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ услуги:

  • ВСрстка шаблона сайта ΠΈΠ· Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅Ρ‚Π° для CMS Β«1Π‘-Битрикс Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ сайтом» ΠΈ CMS β€œJoomla”
  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Ρ„ΠΎΡ€ΠΌ Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎΠΉ слоТности (обратная связь, Π°Π½ΠΊΠ΅Ρ‚Ρ‹ ΠΈ Ρ‚ΠΏ) для ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Ρ… CMS
  • Настройка ΠΈ кастомизация ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² ΠΈ ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ для ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Ρ… CMS
  • Π”ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² для ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Ρ… CMS, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ нСстандартного Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π°
  • Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π»Π΅Π½Π΄ΠΈΠ½Π³ΠΎΠ² (landing-pages)

По всС вопросам ΠΎΠ±Ρ€Π°Ρ‰Π°ΠΉΡ‚Π΅ΡΡŒ Ρ‡Π΅Ρ€Π΅Π· Ρ„ΠΎΡ€ΠΌΡƒ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связи

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

ΠŸΡ€Π΅Π΄Π»Π°Π³Π°ΡŽ Π²Π°ΡˆΠ΅ΠΌΡƒ вниманию:

  • Π¨Π°Π±Π»ΠΎΠ½ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° HTML5 (zip, 35. 41 Кб)
  • Π¨Π°Π±Π»ΠΎΠ½ jQuery-ΠΏΠ»Π°Π³ΠΈΠ½Π° (zip, 426 Π±Π°ΠΉΡ‚)
  • Π¨Π°Π±Π»ΠΎΠ½ сайта 1Π‘-Битрикс (zip, 3.11 Кб)

ПолСзноС

ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ β†’ ← прСдыдущая

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ jQuery

БСсплатная Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° javascript с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ, которая Π² основном ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для проСктирования, просмотра ΠΈ управлСния HTML DOM. DOM β€” это дрСвовидная структура, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠ°Ρ для прСдставлСния элСмСнтов Π²Π΅Π±-страницы. jQuery ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ Π»Π΅Π³ΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ΄ javascript для своих Π²Π΅Π±-сайтов. Π Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹ΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΊ jQuery позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΌΠΎΡ‰Π½Ρ‹Π΅ динамичСскиС Π²Π΅Π±-страницы ΠΈ Π²Π΅Π±-прилоТСния. Бинтаксис jQuery ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для упрощСния Ρ€Π°Π±ΠΎΡ‚Ρ‹, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

  • Навигация ΠΏΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρƒ
  • Π’Ρ‹Π±ΠΎΡ€ элСмСнтов DOM
  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ
  • ΠžΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° событий
  • Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Ajax.

jQuery β€” ΠΎΠ΄Π½Π° ΠΈΠ· ΡˆΠΈΡ€ΠΎΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ javascript срСди всСх Π΄Ρ€ΡƒΠ³ΠΈΡ… Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ, ΠΎΠ±Π»Π°Π΄Π°ΡŽΡ‰Π°Ρ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ основными функциями:

  1. Π’Ρ‹Π±ΠΎΡ€ элСмСнтов DOM
  2. ΠžΠ±Ρ…ΠΎΠ΄ ΠΈ ΠΌΠ°Π½ΠΈΠΏΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½Ρ‹ Sizzle (ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ Π²Ρ‹Π±ΠΎΡ€Π°)
  3. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π½ΠΎΠ²ΠΎΠ³ΠΎ стиля программирования
  4. ОбъСдинСниС структур Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΠΎΠ² DOM

Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, jQuery позволяСт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ надстройки Π½Π°Π΄ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΎΠΉ JavaScript. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π΄Π°ΠΆΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ абстракции для Π½ΠΈΠ·ΠΊΠΎΡƒΡ€ΠΎΠ²Π½Π΅Π²ΠΎΠ³ΠΎ взаимодСйствия ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ.

jQuery ΠΏΡ€ΠΎΡ‚ΠΈΠ² JavaScript

Π₯отя jQuery являСтся Ρ‡Π°ΡΡ‚ΡŒΡŽ JavaScript, ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ различия:

jQuery JavaScript
Π­Ρ‚ΠΎ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° JavaScript. Π­Ρ‚ΠΎ динамичСский ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€ΠΏΡ€Π΅Ρ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹ΠΉ язык программирования для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ.
ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π½ΡƒΠΆΠ½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ ΠΊΠΎΠ΄ jQuery ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ js
Π­Ρ‚ΠΎ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ мСньшС Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. Π­Ρ‚ΠΎ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ большС Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ вСсь сцСнарий написан.
ΠžΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ совмСстимости с нСсколькими Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ Π½Π΅ трСбуСтся. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ собствСнный ΠΊΠΎΠ΄ для обСспСчСния совмСстимости с нСсколькими Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ.
НСобходимо ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ URL-адрСс Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ jQuery Π² шапкС страницы. JavaScript поддСрТиваСтся всСми Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ. Никаких Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *