Cum funcționează metoda jQuery change()?

JavaScript este un limbaj versatil bine reputat, care este folosit în principal pentru a adăuga funcționalități interactive site-urilor web. Vine cu o bibliotecă numită jQuery care îndeplinește aceste sarcini în mod eficient. Metodele jQuery sunt practic acțiunile care efectuează o anumită sarcină fără prea multă implicare a codului. O astfel de metodă este „ Schimbare() ” care declanșează evenimentul „modificare” pentru a observa imediat că valoarea câmpului de intrare este modificată. Este folosit mai ales în câmpurile formularului HTML, precum și în casetele de selectare, butoanele radio și casetele de selectare.

Acest articol detaliază implementarea de lucru și practică a metodei jQuery „change()”.

Cum funcționează metoda jQuery „change()”?

jQuery „ Schimbare() ” metoda declanșează ” Schimbare ' organizatorul evenimentului. Evenimentul „modificare” este un tip special de eveniment JavaScript care apare atunci când valoarea elementului HTML specificat(„ ”, „”, „<select>”) HTML este modificată.</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> Sintaxă</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> selector<span class="br0"> )</span> .Schimbare<span class="br0"> (</span><span class="kw1"> funcţie</span><span class="br0"> )</span> <p> <br> În sintaxa de mai sus:</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> selector:</strong> Permite manipularea elementului HTML.</li> <li> <strong> funcţie:</strong> Este un parametru opțional care specifică funcția de executat cu metoda „change()”.</li> </ul> </li> </ul> <p> <strong> Exemplul 1: Aplicarea metodei „change()” pentru a obține valoarea modificată a câmpului de intrare</strong> </p> <p> În acest exemplu, „ <strong> Schimbare()</strong> ” este aplicată pentru a returna o anumită valoare modificată a elementului 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> Cod HTML</strong> </p> <p> Mai întâi, o prezentare generală a următorului cod HTML:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> modificare jQuery<span class="br0"> (</span><span class="br0"> )</span> Metodă<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> p<span class="sy0"> ></span> Modificați valoarea câmpului de intrare:<span class="sy0"> </</span> p<span class="sy0"> ></span> <br> Câmp de intrare:<span class="sy0"> <</span> intrare<span class="re2"> tip</span> =<span class="st0"> 'text'</span> <span class="re2"> valoare</span> =<span class="st0"> 'Linux'</span> <span class="re2"> cu privire la schimbările</span> =<span class="st0"> „alertă(aceasta.valoare)”</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> p<span class="sy0"> ></span> Faceți clic pe butonul dat pentru a declanșa<span class="st0"> 'cu privire la schimbările'</span> eveniment:<span class="sy0"> </</span> p<span class="sy0"> ></span> <br> <span class="sy0"> <</span> buton<span class="sy0"> ></span> Click aici<span class="sy0"> </</span> buton<span class="sy0"> ></span> <p> <br> În acest bloc de cod:</p> <ul> <li> <ul> <li> Definiți un subtitlu de nivelul 2 folosind „ <strong> <h2></strong> ' etichetă.</li> <li> Apoi, specificați paragraful cu ajutorul „ <strong> <p></strong> ' etichetă.</li> <li> După aceea, adăugați un câmp de intrare prin „ <strong> <input></strong> „etichetă numită „ <strong> Câmp de intrare</strong> ”, având tipul ca „ <strong> text</strong> ”, iar valoarea ca „ <strong> Linux</strong> ”, respectiv.</li> <li> De asemenea, asociază un „ <strong> cu privire la schimbările()</strong> ” eveniment care apare o casetă de alertă atunci când valoarea de intrare specificată se modifică.</li> <li> „ <strong> <p></strong> ” eticheta creează un alt paragraf cu declarația menționată.</li> <li> În cele din urmă, adăugați un buton utilizând „ <strong> <buton></strong> ' etichetă.</li> </ul> </li> </ul> <p> <strong> Cod jQuery</strong> </p> <p> Acum, luați în considerare următorul cod jQuery:</p> <span class="sy0"> <</span><span class="kw2"> cap</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> scenariu<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> scenariu<span class="sy0"> ></span> <br> <span class="sy0"> <</span> scenariu<span class="sy0"> ></span> <br> $<span class="br0"> (</span> document<span class="br0"> )</span> .gata<span class="br0"> (</span><span class="kw1"> funcţie</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'buton'</span><span class="br0"> )</span> .clic<span class="br0"> (</span><span class="kw1"> funcţie</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'intrare'</span><span class="br0"> )</span> .Schimbare<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> scenariu<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> cap</span><span class="sy0"> ></span> <p> <br> În liniile de cod de mai sus:</p> <ul> <li> <ul> <li> Specifică ' <strong> <script></strong> ” în secțiunea „head” care include calea CDN a jQuery de pe site-ul oficial „ <a href="https://jquery.com/"></a> ”.</li> <li> Apoi, codul jQuery corespunde mai întâi cu „ <strong> document</strong> ” selector pentru a selecta elementul DOM vizat și a asocia „ <strong> gata()</strong> ” metodă care invocă funcția() declarată imediat ce documentul este încărcat.</li> <li> După aceea, „ <strong> buton</strong> Se adaugă selectorul ” și este legat cu “ <strong> clic()</strong> ” metoda care va permite executarea unei functii la apasarea butonului.</li> <li> În definiția funcției, aplicați „ <strong> Schimbare()</strong> ” metoda pe “ <strong> intrare</strong> ” element care declanșează evenimentul „onchange” atunci când valoarea acestuia se schimbă.</li> </ul> </li> </ul> <p> <strong> Ieșire</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> Ieșirea afișează o casetă de alertă cu valoarea modificată a câmpului de intrare la evenimentul „onchange” declanșat.</p> <p> <strong> Exemplul 2: aplicarea metodei „change()” pentru a schimba culoarea de fundal a unui câmp de intrare</strong> </p> <p> Acest exemplu specific explică funcționarea „ <strong> Schimbare()</strong> ” pentru a schimba culoarea de fundal a câmpului de intrare la modificarea valorii.</p> <p> <strong> Cod HTML</strong> </p> <p> Urmați codul HTML dat:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> modificare jQuery<span class="br0"> (</span><span class="br0"> )</span> Metodă<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> p<span class="sy0"> ></span> Modificați valoarea câmpului de intrare:<span class="sy0"> </</span> p<span class="sy0"> ></span> <br> Câmp de intrare:<span class="sy0"> <</span> intrare<span class="re2"> tip</span> =<span class="st0"> 'text'</span> <span class="re2"> valoare</span> =<span class="st0"> 'Linux'</span><span class="sy0"> ></</span> p<span class="sy0"> ></span> <p> <br> Aici, elementul „ <input>” specifică doar tipul și valoarea acestuia.</p> <p> <strong> Cod jQuery</strong> </p> <p> Acum, treceți la codul jQuery:</p> <span class="sy0"> <</span><span class="kw2"> cap</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> scenariu<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> scenariu<span class="sy0"> ></span> <br> <span class="sy0"> <</span> scenariu<span class="sy0"> ></span> <br> $<span class="br0"> (</span> document<span class="br0"> )</span> .gata<span class="br0"> (</span><span class="kw1"> funcţie</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'intrare'</span><span class="br0"> )</span> .Schimbare<span class="br0"> (</span><span class="kw1"> funcţie</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span> acest<span class="br0"> )</span> .css<span class="br0"> (</span><span class="st0"> 'culoare de fundal'</span> ,<span class="st0"> 'galben'</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> scenariu<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> cap</span><span class="sy0"> ></span> <p> <br> În liniile de cod de mai sus, „ <strong> Schimbare ()</strong> metoda atașează un „ <strong> funcţie()</strong> „ care aplică proprietatea de stil „CSS” „ <strong> culoare de fundal</strong> ” pe elementul HTML selectat, adică „input” după valoarea de intrare modificată.</p> <p> <strong> Ieșire</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> Ieșirea confirmă că culoarea de fundal a câmpului de intrare dat se schimbă atunci când valoarea acestuia este modificată.</p> <h2> Concluzie</h2> <p> jQuery oferă „ <strong> Schimbare()</strong> ” metoda care declanșează evenimentul „modificare” atunci când utilizatorul modifică valoarea câmpului de intrare. Poate fi asociat și cu un eveniment suplimentar pentru a-și susține funcționalitățile. Funcționează doar pe elementele HTML „ <input>”, „<select>” și „<textarea>”. Acest articol a oferit o vedere detaliată a metodei „change()” în 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="/alte/" class="tag-cloud-link">Alte</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">Categorie</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Alte</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zoom</a> </li><li> <a href="/cinnamon/">Scorţişoară</a> </li><li> <a href="/reviews/">Recenzii</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/">Comprimare</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Crăpătură Aeriană</a> </li><li> <a href="/office-productivity-software/">Software De Productivitate Office</a> </li><li> <a href="/boot/">Cizmă</a> </li><li> <a href="/system-calls/">Apeluri De Sistem</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Rețele</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/">Docher</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Sinologie</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Os Papagal</a> </li><li> <a href="/sublime/">Sublim</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Cod</a> </li><li> <a href="/gnome/">Gnom</a> </li><li> <a href="/manjaro/">Delicateţe</a> </li><li> <a href="/mouse/">Șoarece</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torent</a> </li><li> <a href="/tablet/">Comprimat</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Răsuci</a> </li><li> <a href="/kde/">Unde</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fonturi</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Imagini</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Calamar</a> </li><li> <a href="/mate/">Partener</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Tastatură</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Criptare</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Scaner</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Palarie Rosie</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/">Notebook Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Playere Media</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Aburi</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Putere</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Mp</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Prindere</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odiseea</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">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 (Vechi)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Birou</a> </li><li> <a href="/alte/">Alte</a> </li><li> <a href="/camera-web/">cameră web</a> </li><li> <a href="/playere-media/">playere media</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/gnom/">gnom</a> </li><li> <a href="/cizme/">cizme</a> </li><li> <a href="/sublim/">sublim</a> </li><li> <a href="/removal-guides/">Ghiduri De Îndepărtare</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/virtute/">virtute</a> </li><li> <a href="/trecere-prin-usb/">trecere prin usb</a> </li><li> <a href="/incarcare-sigura/">#încărcare sigură</a> </li><li> <a href="/dispozitiv-passthrough/">dispozitiv-passthrough</a> </li><li> <a href="/sdn/">SDN</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Posturi Populare</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/78/what-is-the-perflogs-folder-in-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ce-este-folderul-perflogs-in-windows">Ce este folderul PerfLogs în Windows</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/2F/what-light-level-do-mobs-spawn-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ce-nivel-de-lumina-apar-mafiotii-in-minecraft">Ce nivel de lumină apar mafioții în Minecraft</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/11/display-driver-stopped-responding-and-has-recovered-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/driver-ul-de-afisare-nu-mai-raspunde-si-a-revenit">Driver-ul de afișare nu mai răspunde și a revenit</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/B6/how-to-implement-the-react-logic-for-working-with-document-store-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-se-implementeaza-react-logic-pentru-lucrul-cu-document-store">Cum se implementează ReAct Logic pentru lucrul cu Document Store?</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/E3/how-to-create-a-round-robin-load-balancer-in-kubernetes-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-se-creeaza-un-echilibrator-de-incarcare-round-robin-in-kubernetes">Cum se creează un echilibrator de încărcare Round Robin în Kubernetes</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/78/how-to-run-multiple-commands-in-the-same-cron-job-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-sa-rulati-mai-multe-comenzi-in-acelasi-job-cron">Cum să rulați mai multe comenzi în același job Cron</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/3F/where-is-mysql-server-used-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/unde-este-folosit-serverul-mysql">Unde este folosit serverul MySQL?</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/4C/how-to-query-a-dns-server-in-linux-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-sa-interoghezi-un-server-dns-in-linux">Cum să interoghezi un server DNS în Linux</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/80/how-to-integrate-the-mongodb-java-driver-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-se-integreaza-driverul-java-mongodb">Cum se integrează driverul Java MongoDB</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/82/how-to-use-the-mysql-having-clause-where-the-sum-is-greater-than-the-threshold-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-sa-utilizati-clauza-mysql-having-in-cazul-in-care-suma-este-mai-mare-decat-pragul">Cum să utilizați clauza MySQL HAVING în cazul în care suma este mai mare decât pragul</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/38/how-to-install-and-play-roblox-a-brief-pc-guide-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-sa-instalati-si-sa-jucati-roblox-un-scurt-ghid-pentru-pc">Cum să instalați și să jucați Roblox - Un scurt ghid pentru PC</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/21/kubectl-list-images-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kubectl-lista-imagini">Kubectl Listă imagini</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/A2/how-to-trim-a-string-in-golang-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-sa-taiati-un-sir-in-golang">Cum să tăiați un șir în Golang</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/2E/how-to-prevent-flex-items-from-wrapping-in-tailwind-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-sa-impiedicati-articolele-flex-sa-se-impacheteze-in-tailwind">Cum să împiedicați articolele Flex să se împacheteze în Tailwind?</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/1F/how-to-change-cursor-to-image-on-hover-using-css-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-sa-schimbati-cursorul-in-imagine-pe-hover-folosind-css">Cum să schimbați cursorul în imagine pe Hover folosind CSS</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/05/how-to-install-microsoft-edge-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-se-instaleaza-microsoft-edge-pe-linux-mint-21">Cum se instalează Microsoft Edge pe Linux Mint 21</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/AE/mysql-instr-function-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/functia-mysql-instr">Funcția MySQL INSTR().</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/4D/how-to-contact-an-experienced-roblox-creator-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cum-sa-contactati-un-creator-roblox-experimentat">Cum să contactați un creator Roblox experimentat</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/1E/special-characters-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/caractere-speciale-in-c">Caractere speciale în C++</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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/0E/convert-array-of-starings-to-array-of-numbers-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/convertiti-matrice-de-vederi-in-matrice-de-numere-in-javascript">Convertiți matrice de vederi în matrice de numere în JavaScript</a> </h3> <div class="meta"> <div> <a href="/alte/"><span class="icon-chat"></span> Alte</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>