Kā darbojas jQuery change() metode

JavaScript ir plaši pazīstama un daudzpusīga valoda, ko galvenokārt izmanto, lai vietnēm pievienotu interaktīvas funkcijas. Tam ir bibliotēka ar nosaukumu jQuery, kas efektīvi veic šos uzdevumus. jQuery metodes būtībā ir darbības, kas veic noteiktu uzdevumu bez lielas koda iesaistīšanas. Viena no šādām metodēm ir ' mainīt () ” metode, kas aktivizē notikumu “mainīt”, lai nekavējoties pamanītu, ka ievades lauka vērtība ir mainīta. To galvenokārt izmanto HTML veidlapas laukos, kā arī izvēles rūtiņās, radiopogās un atlases lodziņās.

Šajā pārskatā ir aprakstīta jQuery “change()” metodes darbība un praktiskā ieviešana.

Kā darbojas jQuery “change()” metode?

JQuery' mainīt () metode aktivizē mainīt ” notikumu apstrādātājs. “Change” notikums ir īpašs JavaScript notikuma veids, kas notiek, kad tiek mainīta norādītā (“ ”, “”, “<select>”) HTML elementa vērtība.</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> Sintakse</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> atlasītājs<span class="br0"> )</span> .mainīt<span class="br0"> (</span><span class="kw1"> funkciju</span><span class="br0"> )</span> <p> <br> Iepriekš minētajā sintaksē:</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> atlasītājs:</strong> Tas ļauj manipulēt ar HTML elementu.</li> <li> <strong> funkcija:</strong> Tas ir neobligāts parametrs, kas norāda funkciju, kas jāizpilda ar metodi “change()”.</li> </ul> </li> </ul> <p> <strong> 1. piemērs. Metodes “change()” izmantošana, lai mainītu ievades lauka vērtību</strong> </p> <p> Šajā piemērā ' <strong> mainīt ()</strong> ” metode tiek izmantota, lai atgrieztu noteikta HTML elementa “ <input>” mainīto vērtību.</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 kods</strong> </p> <p> Pirmkārt, pārskats par šo HTML kodu:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> jQuery izmaiņas<span class="br0"> (</span><span class="br0"> )</span> Metode<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> lpp<span class="sy0"> ></span> Mainiet ievades lauka vērtību:<span class="sy0"> </</span> lpp<span class="sy0"> ></span> <br> Ievades lauks:<span class="sy0"> <</span> ievade<span class="re2"> veids</span> =<span class="st0"> 'teksts'</span> <span class="re2"> vērtību</span> =<span class="st0"> 'Linux'</span> <span class="re2"> maiņa</span> =<span class="st0"> 'brīdinājums(this.value)'</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> lpp<span class="sy0"> ></span> Noklikšķiniet uz dotās pogas, lai šautu<span class="st0"> 'mainīt'</span> pasākums:<span class="sy0"> </</span> lpp<span class="sy0"> ></span> <br> <span class="sy0"> <</span> pogu<span class="sy0"> ></span> Noklikšķiniet šeit<span class="sy0"> </</span> pogu<span class="sy0"> ></span> <p> <br> Šajā koda blokā:</p> <ul> <li> <ul> <li> Definējiet 2. līmeņa apakšvirsrakstu, izmantojot ' <strong> <h2></strong> ” tagu.</li> <li> Pēc tam norādiet rindkopu, izmantojot ' <strong> <p></strong> ” tagu.</li> <li> Pēc tam pievienojiet ievades lauku, izmantojot ' <strong> <ievade></strong> ' tag ar nosaukumu ' <strong> Ievades lauks</strong> ”, kura veids ir “ <strong> tekstu</strong> ”, un vērtība kā “ <strong> Linux</strong> ”, attiecīgi.</li> <li> Tas arī saista ' <strong> onchange ()</strong> ” notikums, kas uznirst brīdinājuma lodziņā, kad mainās norādītā ievades vērtība.</li> <li> ' <strong> <p></strong> ” tags izveido citu rindkopu ar norādīto paziņojumu.</li> <li> Visbeidzot pievienojiet pogu, izmantojot ' <strong> <poga></strong> ” tagu.</li> </ul> </li> </ul> <p> <strong> jQuery kods</strong> </p> <p> Tagad apsveriet šādu jQuery kodu:</p> <span class="sy0"> <</span><span class="kw2"> galvu</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> skripts<span class="re2"> src</span> =<span class="st0"> 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js'</span><span class="sy0"> ></</span> skripts<span class="sy0"> ></span> <br> <span class="sy0"> <</span> skripts<span class="sy0"> ></span> <br> $<span class="br0"> (</span> dokumentu<span class="br0"> )</span> .gatavs<span class="br0"> (</span><span class="kw1"> funkciju</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'poga'</span><span class="br0"> )</span> .klikšķis<span class="br0"> (</span><span class="kw1"> funkciju</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'ievade'</span><span class="br0"> )</span> .mainīt<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> skripts<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> galvu</span><span class="sy0"> ></span> <p> <br> Iepriekš minētajās koda rindās:</p> <ul> <li> <ul> <li> Norādiet ' <strong> <skripts></strong> ' tagu sadaļā 'head', kas ietver jQuery CDN ceļu no oficiālās vietnes ' <a href="https://jquery.com/"></a> ”.</li> <li> Pēc tam jQuery kods vispirms atbilst “ <strong> dokumentu</strong> ” atlasītāju, lai atlasītu atlasīto DOM elementu un saistītu ar “ <strong> gatavs ()</strong> ” metode, kas izsauc norādīto funkciju (), tiklīdz dokuments ir ielādēts.</li> <li> Pēc tam ' <strong> pogu</strong> ' ir pievienots atlasītājs un ir saistīts ar ' <strong> klikšķis()</strong> ” metode, kas ļaus izpildīt funkciju, noklikšķinot uz pogas.</li> <li> Funkcijas definīcijā lietojiet ' <strong> mainīt ()</strong> ' metode uz ' <strong> ievade</strong> ” elements, kas aktivizē notikumu “onchange”, mainoties tā vērtībai.</li> </ul> </li> </ul> <p> <strong> Izvade</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> Izvadā tiek parādīts brīdinājuma lodziņš ar mainītu ievades lauka vērtību pēc aktivizētā “onchange” notikuma.</p> <p> <strong> 2. piemērs. Metodes “change()” izmantošana, lai mainītu ievades lauka fona krāsu</strong> </p> <p> Šis konkrētais piemērs izskaidro, kā darbojas ' <strong> mainīt ()</strong> ” metodi, lai mainītu ievades lauka fona krāsu, mainot vērtību.</p> <p> <strong> HTML kods</strong> </p> <p> Izpildiet doto HTML kodu:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> jQuery izmaiņas<span class="br0"> (</span><span class="br0"> )</span> Metode<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> lpp<span class="sy0"> ></span> Mainiet ievades lauka vērtību:<span class="sy0"> </</span> lpp<span class="sy0"> ></span> <br> Ievades lauks:<span class="sy0"> <</span> ievade<span class="re2"> veids</span> =<span class="st0"> 'teksts'</span> <span class="re2"> vērtību</span> =<span class="st0"> 'Linux'</span><span class="sy0"> ></</span> lpp<span class="sy0"> ></span> <p> <br> Šeit elements “ <input>” norāda tikai tā veidu un vērtību.</p> <p> <strong> jQuery kods</strong> </p> <p> Tagad pārejiet uz jQuery kodu:</p> <span class="sy0"> <</span><span class="kw2"> galvu</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> skripts<span class="re2"> src</span> =<span class="st0"> 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js'</span><span class="sy0"> ></</span> skripts<span class="sy0"> ></span> <br> <span class="sy0"> <</span> skripts<span class="sy0"> ></span> <br> $<span class="br0"> (</span> dokumentu<span class="br0"> )</span> .gatavs<span class="br0"> (</span><span class="kw1"> funkciju</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'ievade'</span><span class="br0"> )</span> .mainīt<span class="br0"> (</span><span class="kw1"> funkciju</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span> šis<span class="br0"> )</span> .css<span class="br0"> (</span><span class="st0"> 'fona krāsa'</span> ,<span class="st0"> 'dzeltens'</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> skripts<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> galvu</span><span class="sy0"> ></span> <p> <br> Iepriekš minētajās koda rindās ' <strong> mainīt ()</strong> metode pievieno ' <strong> funkcija ()</strong> ”, kas izmanto stila rekvizītu “CSS” <strong> fona krāsa</strong> ” atlasītajā HTML elementā, t.i., “input” pēc mainītās ievades vērtības.</p> <p> <strong> Izvade</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> Izvade apstiprina, ka dotā ievades lauka fona krāsa mainās, mainot tā vērtību.</p> <h2> Secinājums</h2> <p> jQuery piedāvā ' <strong> mainīt ()</strong> ” metode, kas aktivizē notikumu “mainīt”, kad lietotājs maina ievades lauka vērtību. To var saistīt arī ar papildu notikumu, lai atbalstītu tā funkcijas. Tas darbojas tikai HTML elementos “ <input>”, “<select>” un “<textarea>”. Šis raksts sniedza detalizētu priekšstatu par “change()” metodi programmā 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="/cits/" class="tag-cloud-link">Cits</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">Kategorija</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Citi</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Tālummaiņa</a> </li><li> <a href="/cinnamon/">Kanēlis</a> </li><li> <a href="/reviews/">Atsauksmes</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radio</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">Saspiešana</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Lidmašīna</a> </li><li> <a href="/office-productivity-software/">Biroja Produktivitātes Programmatūra</a> </li><li> <a href="/boot/">Boot</a> </li><li> <a href="/system-calls/">Sistēmas Zvani</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Tīklošana</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Dokeris</a> </li><li> <a href="/firewall/">Ugunsmūris</a> </li><li> <a href="/wireshark/">Wirehark</a> </li><li> <a href="/synology/">Sinoloģija</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Parrot Os</a> </li><li> <a href="/sublime/">Cildens</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Tālrunis</a> </li><li> <a href="/kodi/">Kods</a> </li><li> <a href="/gnome/">Rūķis</a> </li><li> <a href="/manjaro/">Delikatese</a> </li><li> <a href="/mouse/">Pele</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploīts</a> </li><li> <a href="/torrent/">Straume</a> </li><li> <a href="/tablet/">Tablete</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Čokurošanās</a> </li><li> <a href="/kde/">Kur</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fontus</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Attēlus</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Kalmārs</a> </li><li> <a href="/mate/">Palīgs</a> </li><li> <a href="/vlc-media-player/">Vlc Multivides Atskaņotājs</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitkoins</a> </li><li> <a href="/keyboard/">Tastatūra</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Šifrēšana</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Skeneris</a> </li><li> <a href="/atom/">Atoms</a> </li><li> <a href="/red-hat/">Sarkana Cepure</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Jupyter Piezīmju Grāmatiņa</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Emuārs</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Multivides Atskaņotāji</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Tvaiks</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Jauda</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Kvm</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Satvēriens</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odiseja</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Procesors</a> </li><li> <a href="/tensorflow/">Tenzora Plūsma</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 (Mantojums)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Birojs</a> </li><li> <a href="/cits/">Cits</a> </li><li> <a href="/timekla-kamera/">tīmekļa kamera</a> </li><li> <a href="/multivides-atskanotaji/">multivides atskaņotāji</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/rukis/">rūķis</a> </li><li> <a href="/cildens/">cildens</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nakamais-makonis/">nākamais mākonis</a> </li><li> <a href="/tikums/">tikums</a> </li><li> <a href="/usb-caurlaide/">usb caurlaide</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Populārākas Posts</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1E/uninstall-python-in-ubuntu-22-04-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/atinstalejiet-python-ubuntu-versija-22-04">Atinstalējiet Python Ubuntu versijā 22.04</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/BB/how-to-create-and-deploy-an-ecs-service-in-aws-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-izveidot-un-izvietot-ecs-pakalpojumu-aws">Kā izveidot un izvietot ECS pakalpojumu AWS?</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/B1/what-is-void-in-c-and-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kas-ir-speka-neesoss-valodas-c-un-c">Kas ir spēkā neesošs* valodās C un C++</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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-encrypt-and-decrypt-string-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-sifret-un-atsifret-virkni-php">Kā šifrēt un atšifrēt virkni PHP?</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/29/how-to-capture-video-clips-in-windows-10-11-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-uznemt-video-klipus-operetajsistema-windows-10-un-11">Kā uzņemt video klipus operētājsistēmā Windows 10 un 11?</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/A1/how-to-install-rust-on-debian-12-bookworm-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-instalet-rust-uz-debian-12-bookworm">Kā instalēt Rust uz Debian 12 Bookworm</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/windows/13/how-adjust-aero-peek-desktop-preview-mouse-hover-delay-windows-7-winhelponline.png);"></a> <div class="text"> <h3 class="heading"> <a href="/how-adjust-aero-peek-desktop-preview-mouse-hover-delay-windows-7-winhelponline">Kā noregulēt Aero Peek darbvirsmas priekšskatījuma peles kursora aizkavi sistēmā Windows 7 - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Windows</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/C9/what-is-mousocoreworker-exe-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kas-ir-mousocoreworker-exe">Kas ir MoUSOCoreWorker.exe</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/3B/how-to-set-and-disable-mouse-in-vim-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-iestatit-un-atspejot-peli-programma-vim">Kā iestatīt un atspējot peli programmā Vim</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/09/how-to-apply-breakpoints-and-media-queries-with-align-items-in-tailwind-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-lietot-partraukuma-punktus-un-multivides-vaicajumus-ar-vienumu-izlidzinasanu-programma-tailwind">Kā lietot pārtraukuma punktus un multivides vaicājumus ar “vienumu izlīdzināšanu” programmā Tailwind?</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/DF/how-to-timeout-someone-on-discord-mobile-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-partraukt-kadu-no-discord-mobile-taimauta">Kā pārtraukt kādu no Discord Mobile taimauta</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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="/ka-izveidot-para-klasi-java">Kā izveidot pāra klasi Java</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/6C/css-width-fit-content-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/css-platumam-piemerots-saturs">CSS platumam piemērots saturs</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/00/how-to-check-kernel-version-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-parbaudit-kodola-versiju-operetajsistema-linux">Kā pārbaudīt kodola versiju operētājsistēmā Linux</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/DB/how-to-install-onedrive-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-instalet-onedrive-operetajsistema-linux-mint-21">Kā instalēt Onedrive operētājsistēmā Linux Mint 21</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/24/chapter-5-the-commodore-64-operating-system-in-assembly-language-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/5-nodala-commodore-64-operetajsistema-montazas-valoda">5. nodaļa: Commodore-64 operētājsistēma montāžas valodā</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/35/how-to-use-max-heap-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-java-lietot-max-heap">Kā Java lietot Max Heap?</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/54/how-to-disable-a-link-using-only-css-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ka-atspejot-saiti-izmantojot-tikai-css">Kā atspējot saiti, izmantojot tikai CSS</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/2C/vector-insert-function-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/vector-insert-funkcija-c-valoda">Vector Insert() funkcija C++ valodā</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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/07/what-is-math-max-method-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kas-ir-math-max-metode-c">Kas ir Math.Max() metode C#</a> </h3> <div class="meta"> <div> <a href="/cits/"><span class="icon-chat"></span> Cits</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>