Wie funktioniert die jQuery-Change()-Methode?

JavaScript ist eine bekanntermaßen vielseitige Sprache, die hauptsächlich zum Hinzufügen interaktiver Funktionen zu Websites verwendet wird. Es wird mit einer Bibliothek namens jQuery geliefert, die diese Aufgaben effizient ausführt. Bei den jQuery-Methoden handelt es sich im Grunde um Aktionen, die eine bestimmte Aufgabe ohne große Einbeziehung des Codes ausführen. Eine solche Methode ist die „ ändern() „Methode, die das Ereignis „Änderung“ auslöst, um sofort zu bemerken, dass der Wert des Eingabefelds geändert wird. Es wird hauptsächlich in den HTML-Formularfeldern sowie den Kontrollkästchen, Optionsfeldern und Auswahlfeldern verwendet.

In diesem Artikel wird ausführlich auf die Funktionsweise und praktische Implementierung der jQuery-Methode „change()“ eingegangen.

Wie funktioniert die jQuery-Methode „change()“?

Die jQuery „ ändern() ”-Methode löst die „ ändern „Ereignishandler. Das „change“-Ereignis ist eine spezielle Art von JavaScript-Ereignis, das auftritt, wenn der Wert des angegebenen („ “, „“, „<select>“) HTML-Elements geändert wird.</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> Syntax</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> Wähler<span class="br0"> )</span> .ändern<span class="br0"> (</span><span class="kw1"> Funktion</span><span class="br0"> )</span> <p> <br> In der obigen Syntax:</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> Wähler:</strong> Es ermöglicht die Manipulation des HTML-Elements.</li> <li> <strong> Funktion:</strong> Es handelt sich um einen optionalen Parameter, der die Funktion angibt, die mit der Methode „change()“ ausgeführt werden soll.</li> </ul> </li> </ul> <p> <strong> Beispiel 1: Anwenden der Methode „change()“, um den geänderten Wert des Eingabefelds abzurufen</strong> </p> <p> In diesem Beispiel ist das „ <strong> ändern()</strong> Die Methode wird angewendet, um den geänderten Wert eines bestimmten HTML-Elements „ <input>“ zurückzugeben.</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 Quelltext</strong> </p> <p> Zunächst ein Überblick über den folgenden HTML-Code:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> jQuery-Änderung<span class="br0"> (</span><span class="br0"> )</span> Methode<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> P<span class="sy0"> ></span> Ändern Sie den Wert des Eingabefelds:<span class="sy0"> </</span> P<span class="sy0"> ></span> <br> Eingabefeld:<span class="sy0"> <</span> Eingang<span class="re2"> Typ</span> =<span class="st0"> 'Text'</span> <span class="re2"> Wert</span> =<span class="st0"> „Linux“</span> <span class="re2"> bei Änderung</span> =<span class="st0"> „alert(this.value)“</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> P<span class="sy0"> ></span> Klicken Sie auf die angegebene Schaltfläche, um das auszulösen<span class="st0"> 'bei Änderung'</span> Fall:<span class="sy0"> </</span> P<span class="sy0"> ></span> <br> <span class="sy0"> <</span> Taste<span class="sy0"> ></span> Klicken Sie hier<span class="sy0"> </</span> Taste<span class="sy0"> ></span> <p> <br> In diesem Codeblock:</p> <ul> <li> <ul> <li> Definieren Sie eine Unterüberschrift der Ebene 2 mit dem „ <strong> <h2></strong> ' Schild.</li> <li> Als nächstes spezifizieren Sie den Absatz mit Hilfe des „ <strong> <p></strong> ' Schild.</li> <li> Fügen Sie anschließend über die Schaltfläche „ <strong> <Eingabe></strong> ” Tag mit dem Namen „ <strong> Eingabefeld</strong> “, mit dem Typ „ <strong> Text</strong> “ und der Wert als „ <strong> Linux</strong> ', bzw.</li> <li> Es verbindet auch ein „ <strong> bei Änderung()</strong> ”-Ereignis, das ein Warnfeld öffnet, wenn sich der angegebene Eingabewert ändert.</li> <li> Der ' <strong> <p></strong> „Tag“ erstellt einen weiteren Absatz mit der angegebenen Aussage.</li> <li> Fügen Sie abschließend eine Schaltfläche hinzu, indem Sie „ <strong> <Schaltfläche></strong> ' Schild.</li> </ul> </li> </ul> <p> <strong> jQuery-Code</strong> </p> <p> Betrachten Sie nun den folgenden jQuery-Code:</p> <span class="sy0"> <</span><span class="kw2"> Kopf</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> Skript<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> Skript<span class="sy0"> ></span> <br> <span class="sy0"> <</span> Skript<span class="sy0"> ></span> <br> $<span class="br0"> (</span> dokumentieren<span class="br0"> )</span> .bereit<span class="br0"> (</span><span class="kw1"> Funktion</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'Taste'</span><span class="br0"> )</span> .klicken<span class="br0"> (</span><span class="kw1"> Funktion</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'Eingang'</span><span class="br0"> )</span> .ändern<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> Skript<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> Kopf</span><span class="sy0"> ></span> <p> <br> In den obigen Codezeilen:</p> <ul> <li> <ul> <li> Präzisiere das ' <strong> <Skript></strong> „Tag im Abschnitt „head“, der den CDN-Pfad von jQuery von der offiziellen Website enthält „ <a href="https://jquery.com/"></a> “.</li> <li> Als nächstes entspricht der jQuery-Code zunächst dem „ <strong> dokumentieren</strong> ”-Selektor, um das Ziel-DOM-Element auszuwählen und das „ <strong> bereit()</strong> ”-Methode, die die angegebene function() aufruft, sobald das Dokument geladen wird.</li> <li> Danach wird das „ <strong> Taste</strong> ”-Selektor wird hinzugefügt und ist mit dem „ <strong> klicken()</strong> ”-Methode, die die Ausführung einer Funktion beim Klicken auf die Schaltfläche ermöglicht.</li> <li> Wenden Sie in der Funktionsdefinition das „ <strong> ändern()</strong> ” Methode auf der „ <strong> Eingang</strong> ”-Element, das das Ereignis „onchange“ auslöst, wenn sich sein Wert ändert.</li> </ul> </li> </ul> <p> <strong> Ausgang</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> Die Ausgabe zeigt ein Warnfeld mit dem geänderten Wert des Eingabefelds bei dem ausgelösten „onchange“-Ereignis an.</p> <p> <strong> Beispiel 2: Anwenden der Methode „change()“, um die Hintergrundfarbe eines Eingabefelds zu ändern</strong> </p> <p> Dieses besondere Beispiel erklärt die Funktionsweise des „ <strong> ändern()</strong> ”-Methode zum Ändern der Hintergrundfarbe des Eingabefelds bei Änderung des Werts.</p> <p> <strong> HTML Quelltext</strong> </p> <p> Folgen Sie dem angegebenen HTML-Code:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> jQuery-Änderung<span class="br0"> (</span><span class="br0"> )</span> Methode<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> P<span class="sy0"> ></span> Ändern Sie den Wert des Eingabefelds:<span class="sy0"> </</span> P<span class="sy0"> ></span> <br> Eingabefeld:<span class="sy0"> <</span> Eingang<span class="re2"> Typ</span> =<span class="st0"> 'Text'</span> <span class="re2"> Wert</span> =<span class="st0"> „Linux“</span><span class="sy0"> ></</span> P<span class="sy0"> ></span> <p> <br> Dabei gibt das „ <input>“-Element nur seinen Typ und den Wert an.</p> <p> <strong> jQuery-Code</strong> </p> <p> Fahren Sie nun mit dem jQuery-Code fort:</p> <span class="sy0"> <</span><span class="kw2"> Kopf</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> Skript<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> Skript<span class="sy0"> ></span> <br> <span class="sy0"> <</span> Skript<span class="sy0"> ></span> <br> $<span class="br0"> (</span> dokumentieren<span class="br0"> )</span> .bereit<span class="br0"> (</span><span class="kw1"> Funktion</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'Eingang'</span><span class="br0"> )</span> .ändern<span class="br0"> (</span><span class="kw1"> Funktion</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span> Das<span class="br0"> )</span> .css<span class="br0"> (</span><span class="st0"> 'Hintergrundfarbe'</span> ,<span class="st0"> 'Gelb'</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> Skript<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> Kopf</span><span class="sy0"> ></span> <p> <br> In den obigen Codezeilen ist das „ <strong> ändern ()</strong> ”-Methode fügt ein „ <strong> Funktion()</strong> ” das die Stileigenschaft „CSS“ anwendet „ <strong> Hintergrundfarbe</strong> ” auf das ausgewählte HTML-Element, d. h. „input“ auf den geänderten Eingabewert.</p> <p> <strong> Ausgang</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> Die Ausgabe bestätigt, dass sich die Hintergrundfarbe des angegebenen Eingabefelds ändert, wenn sein Wert geändert wird.</p> <h2> Abschluss</h2> <p> jQuery bietet die „ <strong> ändern()</strong> „Methode, die das Ereignis „Änderung“ auslöst, wenn der Benutzer den Wert des Eingabefelds ändert. Es kann auch mit einem zusätzlichen Ereignis verknüpft werden, um seine Funktionalitäten zu unterstützen. Es funktioniert nur mit den HTML-Elementen „ <input>“, „<select>“ und „<textarea>“. Dieser Artikel lieferte eine detaillierte Ansicht der Methode „change()“ in 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="/andere/" class="tag-cloud-link">Andere</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">Kategorie</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Himbeer-Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Sonstiges</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zoomen</a> </li><li> <a href="/cinnamon/">Zimt</a> </li><li> <a href="/reviews/">Bewertungen</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/">Kompression</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Luftriss</a> </li><li> <a href="/office-productivity-software/">Office-Produktivitätssoftware</a> </li><li> <a href="/boot/">Stiefel</a> </li><li> <a href="/system-calls/">Systemaufrufe</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Vernetzung</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/">Docker</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Drahthai</a> </li><li> <a href="/synology/">Synologie</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Äther</a> </li><li> <a href="/parrot-os/">Papagei Os</a> </li><li> <a href="/sublime/">Sublimieren</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Code</a> </li><li> <a href="/gnome/">Gnom</a> </li><li> <a href="/manjaro/">Delikatesse</a> </li><li> <a href="/mouse/">Maus</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torrent</a> </li><li> <a href="/tablet/">Tablette</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Locken</a> </li><li> <a href="/kde/">Wo</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Schriftarten</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Bilder</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Tintenfisch</a> </li><li> <a href="/mate/">Kamerad</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/">Klaviatur</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Verschlüsselung</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Scanner</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Roter Hut</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-Notizbuch</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/">Mediaplayer</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Dampf</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Energie</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Qm</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Griff</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odyssee</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Zentralprozessor</a> </li><li> <a href="/tensorflow/">Tensorfluss</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 (Legacy)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Büro</a> </li><li> <a href="/sonstiges/">Sonstiges</a> </li><li> <a href="/skypen/">skypen</a> </li><li> <a href="/himbeer-pi/">Himbeer-Pi</a> </li><li> <a href="/webcam/">Webcam</a> </li><li> <a href="/media-player/">Media-Player</a> </li><li> <a href="/andere/">Andere</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/glucklich/">glücklich</a> </li><li> <a href="/gnom/">Gnom</a> </li><li> <a href="/stiefel/">Stiefel</a> </li><li> <a href="/sublimieren/">sublimieren</a> </li><li> <a href="/tutorial/">Lernprogramm</a> </li><li> <a href="/linux/">Linux</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/tugend/">Tugend</a> </li><li> <a href="/usb-passthrough/">USB-Passthrough</a> </li><li> <a href="/sicherer-startvorgang/">#Sicherer Startvorgang</a> </li><li> <a href="/gerate-passthrough/">Geräte-Passthrough</a> </li><li> <a href="/sdn/">SDN</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Beliebte Beiträge</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/9B/how-to-use-range-based-for-loop-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/so-verwenden-sie-eine-bereichsbasierte-for-schleife-in-c">So verwenden Sie eine bereichsbasierte for-Schleife in C++</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/B7/how-to-use-chatgpt-by-openai-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/wie-verwende-ich-chatgpt-von-openai">Wie verwende ich ChatGPT von OpenAI?</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/what-is-neon-cow-worth-in-adopt-me-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/was-ist-neon-cow-in-adopt-me-wert">Was ist Neon Cow in Adopt Me wert?</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/E6/how-to-repair-missing-or-corrupted-system-files-windows-10-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/so-reparieren-sie-fehlende-oder-beschadigte-systemdateien-windows-10">So reparieren Sie fehlende oder beschädigte Systemdateien Windows 10</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/java-arraydeque-8211-add-addall-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/java-arraydeque-add-addall">Java ArrayDeque – add(), addAll()</a> </h3> <div class="meta"> <div> <a href="/sonstiges/"><span class="icon-chat"></span> Sonstiges</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/EB/how-to-install-empathy-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/so-installieren-sie-empathy-auf-raspberry-pi">So installieren Sie Empathy auf Raspberry Pi</a> </h3> <div class="meta"> <div> <a href="/sonstiges/"><span class="icon-chat"></span> Sonstiges</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/3E/read-the-csv-file-in-bash-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/lesen-sie-die-csv-datei-in-bash">Lesen Sie die CSV-Datei in Bash</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/how-to-secure-kali-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/so-sichern-sie-kali-linux">So sichern Sie Kali Linux</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/relay-with-esp32-using-micropython-8211-thonny-ide-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/relay-mit-esp32-unter-verwendung-von-micropython-thonny-ide">Relay mit ESP32 unter Verwendung von MicroPython – Thonny IDE</a> </h3> <div class="meta"> <div> <a href="/sonstiges/"><span class="icon-chat"></span> Sonstiges</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/43/uses-of-the-exec-command-in-shell-scripts-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/verwendung-des-exec-befehls-in-shell-skripten">Verwendung des Exec-Befehls in Shell-Skripten</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/14/plotly-io-to-html-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/plotly-io-to-html">Plotly.io.to_html</a> </h3> <div class="meta"> <div> <a href="/sonstiges/"><span class="icon-chat"></span> Sonstiges</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/85/what-are-app-building-components-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/was-sind-app-building-komponenten-in-matlab">Was sind App-Building-Komponenten in MATLAB?</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/A3/how-do-you-get-a-nukebot-for-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/wie-bekommt-man-einen-nukebot-fur-discord">Wie bekommt man einen NukeBot für Discord?</a> </h3> <div class="meta"> <div> <a href="/sonstiges/"><span class="icon-chat"></span> Sonstiges</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/0A/how-to-select-random-rows-from-a-matrix-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/wie-wahle-ich-zufallige-zeilen-aus-einer-matrix-in-matlab-aus">Wie wähle ich zufällige Zeilen aus einer Matrix in MATLAB aus?</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/how-to-only-install-the-client-tools-for-postgresql-on-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/so-installieren-sie-nur-die-client-tools-fur-postgresql-unter-windows">So installieren Sie nur die Client-Tools für PostgreSQL unter Windows</a> </h3> <div class="meta"> <div> <a href="/sonstiges/"><span class="icon-chat"></span> Sonstiges</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/57/understanding-elasticache-common-use-cases-and-the-benefits-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/elasticache-verstehen-haufige-anwendungsfalle-und-die-vorteile">ElastiCache verstehen: Häufige Anwendungsfälle und die Vorteile</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</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-find-and-use-the-recycle-bin-in-windows-10-11-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/so-finden-und-verwenden-sie-den-papierkorb-in-windows-10-11">So finden und verwenden Sie den Papierkorb in Windows 10/11</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</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/C1/monitor-raspberry-pi-information-through-mobile-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/uberwachen-sie-raspberry-pi-informationen-uber-mobilgerate">Überwachen Sie Raspberry Pi-Informationen über Mobilgeräte</a> </h3> <div class="meta"> <div> <a href="/sonstiges/"><span class="icon-chat"></span> Sonstiges</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/9E/dynamic-memory-allocation-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/dynamische-speicherzuweisung-in-c">Dynamische Speicherzuweisung in C++</a> </h3> <div class="meta"> <div> <a href="/sonstiges/"><span class="icon-chat"></span> Sonstiges</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/7C/is-there-any-method-to-undo-local-changes-in-git-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/gibt-es-eine-methode-um-lokale-anderungen-in-git-ruckgangig-zu-machen">Gibt es eine Methode, um lokale Änderungen in Git rückgängig zu machen?</a> </h3> <div class="meta"> <div> <a href="/sonstiges/"><span class="icon-chat"></span> Sonstiges</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>