Как работает метод jQuery change()

JavaScript — это хорошо зарекомендовавший себя универсальный язык, который в основном используется для добавления интерактивных функций на веб-сайты. Он поставляется с библиотекой jQuery, которая эффективно выполняет эти задачи. Методы jQuery — это в основном действия, которые выполняют определенную задачу без особого участия кода. Одним из таких методов является « изменять() », который запускает событие «change», чтобы немедленно заметить, что значение поля ввода изменилось. Он в основном используется в полях HTML-формы, а также в флажках, переключателях и полях выбора.

В этой статье подробно рассказывается о рабочей и практической реализации метода jQuery «change()».

Как работает метод jQuery «change()»?

jQuery “ изменять() ” запускает “ изменять ' обработчик события. Событие «change» — это особый тип события JavaScript, который возникает при изменении значения указанного (« », «», «<select>») элемента HTML.</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><br /> <p> <strong> Синтаксис</strong> </p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="4"></ins><br /> <span class="co4"> $</span><span class="br0"> (</span> селектор<span class="br0"> )</span> .изменять<span class="br0"> (</span><span class="kw1"> функция</span><span class="br0"> )</span> <p> <br> В приведенном выше синтаксисе:</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> <ul> <li> <ul> <li> <strong> селектор:</strong> Это позволяет манипулировать элементом HTML.</li> <li> <strong> функция:</strong> Это необязательный параметр, указывающий функцию, которую нужно выполнить с помощью метода «change()».</li> </ul> </li> </ul> <p> <strong> Пример 1. Применение метода «change()» для получения измененного значения поля ввода</strong> </p> <p> В этом примере « <strong> изменять()</strong> » применяется для возврата определенного измененного значения HTML-элемента « <input>».</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <p> <strong> HTML-код</strong> </p> <p> Во-первых, обзор следующего HTML-кода:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> изменение jQuery<span class="br0"> (</span><span class="br0"> )</span> Метод<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> п<span class="sy0"> ></span> Измените значение поля ввода:<span class="sy0"> </</span> п<span class="sy0"> ></span> <br> Поле ввода:<span class="sy0"> <</span> вход<span class="re2"> тип</span> '='<span class="st0"> 'текст'</span> <span class="re2"> ценить</span> '='<span class="st0"> 'Линукс'</span> <span class="re2"> по изменению</span> '='<span class="st0"> 'оповещение (это.значение)'</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> п<span class="sy0"> ></span> Нажмите на данную кнопку, чтобы запустить<span class="st0"> 'по изменению'</span> событие:<span class="sy0"> </</span> п<span class="sy0"> ></span> <br> <span class="sy0"> <</span> кнопка<span class="sy0"> ></span> Кликните сюда<span class="sy0"> </</span> кнопка<span class="sy0"> ></span> <p> <br> В этом блоке кода:</p> <ul> <li> <ul> <li> Определите подзаголовок уровня 2 с помощью « <strong> <h2></strong> ' ярлык.</li> <li> Далее укажите абзац с помощью « <strong> <p></strong> ' ярлык.</li> <li> После этого добавьте поле ввода через кнопку « <strong> <ввод></strong> ” тег с именем “ <strong> Поле ввода</strong> ', имеющий тип ' <strong> текст</strong> ', а значение как ' <strong> линукс</strong> ', соответственно.</li> <li> Он также связывает « <strong> по изменению()</strong> », которое вызывает всплывающее окно с предупреждением при изменении указанного входного значения.</li> <li> “ <strong> <p></strong> ” создает еще один абзац с указанным утверждением.</li> <li> Наконец, добавьте кнопку, используя « <strong> <кнопка></strong> ' ярлык.</li> </ul> </li> </ul> <p> <strong> jQuery-код</strong> </p> <p> Теперь рассмотрим следующий код jQuery:</p> <span class="sy0"> <</span><span class="kw2"> голова</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> сценарий<span class="re2"> источник</span> '='<span class="st0"> 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js'</span><span class="sy0"> ></</span> сценарий<span class="sy0"> ></span> <br> <span class="sy0"> <</span> сценарий<span class="sy0"> ></span> <br> $<span class="br0"> (</span> документ<span class="br0"> )</span> .готовый<span class="br0"> (</span><span class="kw1"> функция</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'кнопка'</span><span class="br0"> )</span> .клик<span class="br0"> (</span><span class="kw1"> функция</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'вход'</span><span class="br0"> )</span> .изменять<span class="br0"> (</span><span class="br0"> )</span> ; <br> <span class="br0"> }</span><span class="br0"> )</span> ; <br> <span class="br0"> }</span><span class="br0"> )</span> ; <br> <span class="sy0"> </</span> сценарий<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> голова</span><span class="sy0"> ></span> <p> <br> В приведенных выше строках кода:</p> <ul> <li> <ul> <li> Укажите « <strong> <скрипт></strong> » в разделе «head», который включает путь CDN jQuery с официального сайта « <a href="https://jquery.com/"></a> ».</li> <li> Далее код jQuery сначала соответствует « <strong> документ</strong> ', чтобы выбрать целевой элемент DOM и связать ' <strong> готовый()</strong> », который вызывает указанную функцию() сразу после загрузки документа.</li> <li> После этого « <strong> кнопка</strong> селектор добавлен и связан с селектором « <strong> щелчок()</strong> », который позволит выполнять функцию по нажатию кнопки.</li> <li> В определении функции примените « <strong> изменять()</strong> ” метод на “ <strong> вход</strong> », который запускает событие «onchange» при изменении его значения.</li> </ul> </li> </ul> <p> <strong> Выход</strong> </p> <p> <img alt="" class="alignnone size-full wp-image-327916" src="https://softoban.com/img/other/3E/how-does-the-jquery-change-method-work-1.gif"> <br> На выходе отображается окно предупреждения с измененным значением поля ввода при инициированном событии «onchange».</p> <p> <strong> Пример 2. Применение метода «change()» для изменения цвета фона поля ввода</strong> </p> <p> Этот конкретный пример объясняет работу « <strong> изменять()</strong> ” для изменения цвета фона поля ввода при изменении значения.</p> <p> <strong> HTML-код</strong> </p> <p> Следуйте указанному HTML-коду:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> изменение jQuery<span class="br0"> (</span><span class="br0"> )</span> Метод<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> п<span class="sy0"> ></span> Измените значение поля ввода:<span class="sy0"> </</span> п<span class="sy0"> ></span> <br> Поле ввода:<span class="sy0"> <</span> вход<span class="re2"> тип</span> '='<span class="st0"> 'текст'</span> <span class="re2"> ценить</span> '='<span class="st0"> 'Линукс'</span><span class="sy0"> ></</span> п<span class="sy0"> ></span> <p> <br> Здесь элемент « <input>» указывает только его тип и значение.</p> <p> <strong> jQuery-код</strong> </p> <p> Теперь перейдем к коду jQuery:</p> <span class="sy0"> <</span><span class="kw2"> голова</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> сценарий<span class="re2"> источник</span> '='<span class="st0"> 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js'</span><span class="sy0"> ></</span> сценарий<span class="sy0"> ></span> <br> <span class="sy0"> <</span> сценарий<span class="sy0"> ></span> <br> $<span class="br0"> (</span> документ<span class="br0"> )</span> .готовый<span class="br0"> (</span><span class="kw1"> функция</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'вход'</span><span class="br0"> )</span> .изменять<span class="br0"> (</span><span class="kw1"> функция</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span> этот<span class="br0"> )</span> .css<span class="br0"> (</span><span class="st0"> 'фоновый цвет'</span> ,<span class="st0"> 'желтый'</span><span class="br0"> )</span> ; <br> <span class="br0"> }</span><span class="br0"> )</span> ; <br> <span class="br0"> }</span><span class="br0"> )</span> ; <br> <span class="sy0"> </</span> сценарий<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> голова</span><span class="sy0"> ></span> <p> <br> В приведенных выше строках кода « <strong> изменять ()</strong> ” метод добавляет “ <strong> функция()</strong> », который применяет свойство стиля «CSS» « <strong> фоновый цвет</strong> » для выбранного HTML-элемента, т. е. «ввод» при изменении входного значения.</p> <p> <strong> Выход</strong> </p> <p> <img alt="" class="alignnone size-full wp-image-327917" src="https://softoban.com/img/other/3E/how-does-the-jquery-change-method-work-2.gif"> <br> Вывод подтверждает, что цвет фона данного поля ввода изменяется при изменении его значения.</p> <h2> Заключение</h2> <p> jQuery предлагает « <strong> изменять()</strong> », который запускает событие «change», когда пользователь изменяет значение поля ввода. Его также можно связать с дополнительным событием для поддержки его функций. Он работает только с HTML-элементами « <input>», «<select>» и «<textarea>». В этой статье представлен подробный обзор метода «change()» в jQuery.</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/drugoj/" class="tag-cloud-link">Другой</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Категория</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Другой</a> </li><li> <a href="/nano/">Нано</a> </li><li> <a href="/zoom/">Зум</a> </li><li> <a href="/cinnamon/">Корица</a> </li><li> <a href="/reviews/">Отзывы</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Радио</a> </li><li> <a href="/minecraft/">Шахтерское Ремесло</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">Сжатие</a> </li><li> <a href="/laravel/">Ларавел</a> </li><li> <a href="/aircrack/">Трещина</a> </li><li> <a href="/office-productivity-software/">Офисное Программное Обеспечение Для Повышения Производительности</a> </li><li> <a href="/boot/">Ботинок</a> </li><li> <a href="/system-calls/">Системные Вызовы</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Сеть</a> </li><li> <a href="/gpu/">Гпу</a> </li><li> <a href="/gimp/">Канитель</a> </li><li> <a href="/plex/">Сплетение</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Докер</a> </li><li> <a href="/firewall/">Межсетевой Экран</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Синология</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Эфириум</a> </li><li> <a href="/parrot-os/">Ос Parrot</a> </li><li> <a href="/sublime/">Возвышенный</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Телефон</a> </li><li> <a href="/kodi/">Код</a> </li><li> <a href="/gnome/">Гном</a> </li><li> <a href="/manjaro/">Деликатность</a> </li><li> <a href="/mouse/">Мышь</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Метасплоит</a> </li><li> <a href="/torrent/">Торрент</a> </li><li> <a href="/tablet/">Планшет</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Завиток</a> </li><li> <a href="/kde/">Куда</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Шрифты</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Изображений</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Кальмар</a> </li><li> <a href="/mate/">Приятель</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Биткойн</a> </li><li> <a href="/keyboard/">Клавиатура</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Шифрование</a> </li><li> <a href="/fedora/">Шляпа</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Сканер</a> </li><li> <a href="/atom/">Атом</a> </li><li> <a href="/red-hat/">Красная Шапка</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Скайп</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Блокнот Jupyter</a> </li><li> <a href="/nfs/">Нфс</a> </li><li> <a href="/blog/">Блог</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Медиаплееры</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Стим</a> </li><li> <a href="/jenkins/">Дженкинс</a> </li><li> <a href="/power/">Власть</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Кв.м</a> </li><li> <a href="/bluetooth/">Блютуз</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Рукоятка</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Одиссея</a> </li><li> <a href="/audio/">Аудио</a> </li><li> <a href="/cpu/">Процессор</a> </li><li> <a href="/tensorflow/">Тензорный Поток</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Windows</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Устаревшая Версия)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Офис</a> </li><li> <a href="/drugoj/">Другой</a> </li><li> <a href="/skajp/">скайп</a> </li><li> <a href="/veb-kamera/">Веб-камера</a> </li><li> <a href="/mediapleery/">медиаплееры</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproksi/">хапрокси</a> </li><li> <a href="/gnom/">гном</a> </li><li> <a href="/botinok/">ботинок</a> </li><li> <a href="/vozvysennyj/">возвышенный</a> </li><li> <a href="/removal-guides/">Направляющие Для Снятия</a> </li><li> <a href="/ubuntu-24-04-cat/">Убунту 24.04</a> </li><li> <a href="/sleduusee-oblako/">следующее облако</a> </li><li> <a href="/dostoinstvo/">достоинство</a> </li><li> <a href="/usb-prohodnoj-port/">USB-проходной порт</a> </li><li> <a href="/slapa-fedora/">шляпа-федора</a> </li><li> <a href="/bezopasnaa-zagruzka/">#безопасная загрузка</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Популярные посты</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5C/how-to-use-cat-command-in-linux-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-ispol-zovat-komandu-cat-v-linux">Как использовать команду Cat в Linux</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/97/how-to-create-a-pair-class-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-sozdat-parnyj-klass-v-java">Как создать парный класс в Java</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/BE/how-to-install-splunk-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-ustanovit-splunk-na-linux-mint-21">Как установить Splunk на Linux Mint 21</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/2B/how-to-successfully-implement-a-healthcheck-in-docker-compose-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-uspesno-realizovat-proverku-rabotosposobnosti-v-docker-compose">Как успешно реализовать проверку работоспособности в Docker Compose</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/34/how-to-use-vprintf-function-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-ispol-zovat-funkciu-vprintf-v-php">Как использовать функцию vprintf() в PHP?</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A8/how-to-tag-your-aws-resources-for-better-organization-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-pometit-resursy-aws-dla-lucsej-organizacii">Как пометить ресурсы AWS для лучшей организации?</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/0B/what-are-cloudwatch-and-cloudtrail-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cto-takoe-cloudwatch-i-cloudtrail">Что такое CloudWatch и CloudTrail?</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/68/how-to-install-node-js-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-ustanovit-node-js-v-linux-mint-21">Как установить Node.js в Linux Mint 21</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1C/how-to-write-files-using-fs-writefile-in-node-js-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-pisat-fajly-s-pomos-u-fs-writefile-v-node-js">Как писать файлы с помощью fs.writeFile() в Node.js?</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/52/how-do-i-search-for-a-file-in-linux-bash-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-najti-fajl-v-linux-bash">Как найти файл в Linux bash?</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A9/restart-a-service-using-systemctl-restart-command-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/perezapustite-sluzbu-s-pomos-u-komandy-systemctl-restart">Перезапустите службу с помощью команды systemctl restart.</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/42/what-is-scrollleft-method-in-jquery-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/cto-takoe-metod-scrollleft-v-jquery">Что такое метод scrollLeft() в jQuery</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1C/golang-sqlite-examples-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/primery-golang-sqlite">Примеры Golang SQLite</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/48/fix-system-error-5-has-occurred-on-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ispravit-sistemnuu-osibku-5-v-windows">Исправить системную ошибку 5 в Windows</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5A/sql-in-operator-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/operator-sql-in">Оператор SQL IN</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/F3/terraform-providers-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/provajdery-terraform">Провайдеры терраформ</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/20/program-esp32-with-micropython-using-vs-code-and-pymakr-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/programmirovanie-esp32-s-pomos-u-micropython-s-ispol-zovaniem-vs-code-i-pymakr">Программирование ESP32 с помощью MicroPython с использованием VS Code и PyMakr</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/48/install-git-on-ubuntu-24-04-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ustanovite-git-na-ubuntu-24-04">Установите Git на Ubuntu 24.04.</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/BF/how-to-customize-windows-desktop-icons-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-nastroit-znacki-na-rabocem-stole-windows">Как настроить значки на рабочем столе Windows</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/56/how-to-use-diagonal-fractions-in-tailwind-css-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-ispol-zovat-diagonal-nye-drobi-v-tailwind-css">Как использовать диагональные дроби в Tailwind Css</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>