jQuery change() Yöntemi Nasıl Çalışır?

JavaScript, çoğunlukla web sitelerine etkileşimli işlevler eklemek için kullanılan, iyi bilinen çok yönlü bir dildir. Bu görevleri verimli bir şekilde gerçekleştiren jQuery adlı bir kitaplık ile birlikte gelir. jQuery yöntemleri temel olarak belirli bir görevi kodla çok fazla ilgilenmeden gerçekleştiren eylemlerdir. Böyle bir yöntem “ değiştirmek() Giriş alanının değerinin değiştiğini hemen fark etmek için 'change' olayını başlatan yöntem. Çoğunlukla HTML form alanlarının yanı sıra onay kutuları, radyo düğmeleri ve seçim kutularında kullanılır.

Bu yazı, jQuery 'change()' yönteminin çalışan ve pratik uygulaması üzerinde ayrıntılı olarak durmaktadır.

jQuery “change()” Yöntemi Nasıl Çalışır?

jQuery' değiştirmek() ” yöntemi, “ değiştirmek ' olay işleyicisi. 'Değiştir' olayı, belirtilen(' ', '', '<select>') HTML öğesinin değeri değiştirildiğinde gerçekleşen özel bir JavaScript olayı türüdür.</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> Sözdizimi</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> seçici<span class="br0"> )</span> .değiştirmek<span class="br0"> (</span><span class="kw1"> işlev</span><span class="br0"> )</span> <p> <br> Yukarıdaki sözdiziminde:</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> seçici:</strong> HTML öğesinin manipülasyonuna izin verir.</li> <li> <strong> işlev:</strong> 'change()' yöntemiyle yürütülecek işlevi belirten isteğe bağlı bir parametredir.</li> </ul> </li> </ul> <p> <strong> Örnek 1: Giriş Alanı Değiştirilmiş Değerini Almak için “change()” Yöntemini Uygulamak</strong> </p> <p> Bu örnekte, “ <strong> değiştirmek()</strong> ” yöntemi, belirli bir HTML “ <input>” öğesinin değiştirilmiş değerini döndürmek için uygulanır.</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 Kodu</strong> </p> <p> İlk olarak, aşağıdaki HTML koduna genel bir bakış:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> jQuery değişikliği<span class="br0"> (</span><span class="br0"> )</span> Yöntem<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> P<span class="sy0"> ></span> Giriş alanının değerini değiştirin:<span class="sy0"> </</span> P<span class="sy0"> ></span> <br> Giriş alanı:<span class="sy0"> <</span> giriş<span class="re2"> tip</span> =<span class="st0"> 'metin'</span> <span class="re2"> değer</span> =<span class="st0"> 'Linux'</span> <span class="re2"> onchange</span> =<span class="st0"> 'uyarı(bu.değer)'</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> P<span class="sy0"> ></span> Ateş etmek için verilen düğmeye tıklayın<span class="st0"> 'değişimde'</span> etkinlik:<span class="sy0"> </</span> P<span class="sy0"> ></span> <br> <span class="sy0"> <</span> düğme<span class="sy0"> ></span> Buraya tıklayın<span class="sy0"> </</span> düğme<span class="sy0"> ></span> <p> <br> Bu kod bloğunda:</p> <ul> <li> <ul> <li> “ kullanarak 2. seviyenin bir alt başlığını tanımlayın. <strong> <h2></strong> ' etiket.</li> <li> Ardından, paragrafı “” yardımıyla belirtin. <strong> <p></strong> ' etiket.</li> <li> Bundan sonra, “ aracılığıyla bir giriş alanı ekleyin. <strong> <giriş></strong> 'adlı etiket' <strong> Giriş alanı</strong> ”, türü “ <strong> metin</strong> ” ve değeri “ olarak <strong> linux</strong> ', sırasıyla.</li> <li> Aynı zamanda bir “ <strong> onchange()</strong> Belirtilen giriş değeri değiştiğinde bir uyarı kutusu açan olay.</li> <li> “ <strong> <p></strong> ” etiketi, belirtilen ifade ile başka bir paragraf oluşturur.</li> <li> Son olarak, “ kullanarak bir düğme ekleyin. <strong> <düğme></strong> ' etiket.</li> </ul> </li> </ul> <p> <strong> jQuery Kodu</strong> </p> <p> Şimdi, aşağıdaki jQuery kodunu göz önünde bulundurun:</p> <span class="sy0"> <</span><span class="kw2"> KAFA</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> senaryo<span class="re2"> kaynak</span> =<span class="st0"> 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js'</span><span class="sy0"> ></</span> senaryo<span class="sy0"> ></span> <br> <span class="sy0"> <</span> senaryo<span class="sy0"> ></span> <br> $<span class="br0"> (</span> belge<span class="br0"> )</span> .hazır<span class="br0"> (</span><span class="kw1"> işlev</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'düğme'</span><span class="br0"> )</span> .tıklamak<span class="br0"> (</span><span class="kw1"> işlev</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'giriş'</span><span class="br0"> )</span> .değiştirmek<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> senaryo<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> KAFA</span><span class="sy0"> ></span> <p> <br> Yukarıdaki kod satırlarında:</p> <ul> <li> <ul> <li> “ <strong> <komut dosyası></strong> Resmi web sitesinden jQuery'nin CDN yolunu içeren 'head' bölümündeki 'etiketi' <a href="https://jquery.com/"></a> ”.</li> <li> Ardından, jQuery kodu ilk olarak “ <strong> belge</strong> Hedeflenen DOM öğesini seçmek ve ' <strong> hazır()</strong> Belge yüklenir yüklenmez belirtilen işlevi() çağıran yöntem.</li> <li> Bundan sonra “ <strong> düğme</strong> ” seçici eklenir ve “ ile bağlantılıdır. <strong> tıklamak()</strong> Düğme tıklandığında bir işlevin yürütülmesine izin verecek yöntem.</li> <li> Fonksiyon tanımında, “ <strong> değiştirmek()</strong> ' yöntemi ' <strong> giriş</strong> Değeri değiştiğinde 'onchange' olayını tetikleyen öğe.</li> </ul> </li> </ul> <p> <strong> Çıktı</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> Çıktı, tetiklenen 'onchange' olayı üzerine giriş alanının değişen değerini içeren bir uyarı kutusu görüntüler.</p> <p> <strong> Örnek 2: Bir Giriş Alanının Arka Plan Rengini Değiştirmek için 'change()' Yöntemini Uygulama</strong> </p> <p> Bu özel örnek, “ <strong> değiştirmek()</strong> Değeri değiştirdikten sonra giriş alanının arka plan rengini değiştirme yöntemi.</p> <p> <strong> HTML Kodu</strong> </p> <p> Verilen HTML kodunu takip edin:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> jQuery değişikliği<span class="br0"> (</span><span class="br0"> )</span> Yöntem<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> P<span class="sy0"> ></span> Giriş alanının değerini değiştirin:<span class="sy0"> </</span> P<span class="sy0"> ></span> <br> Giriş alanı:<span class="sy0"> <</span> giriş<span class="re2"> tip</span> =<span class="st0"> 'metin'</span> <span class="re2"> değer</span> =<span class="st0"> 'Linux'</span><span class="sy0"> ></</span> P<span class="sy0"> ></span> <p> <br> Burada ' <input>' öğesi yalnızca türünü ve değerini belirtir.</p> <p> <strong> jQuery Kodu</strong> </p> <p> Şimdi, jQuery koduna geçin:</p> <span class="sy0"> <</span><span class="kw2"> KAFA</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> senaryo<span class="re2"> kaynak</span> =<span class="st0"> 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js'</span><span class="sy0"> ></</span> senaryo<span class="sy0"> ></span> <br> <span class="sy0"> <</span> senaryo<span class="sy0"> ></span> <br> $<span class="br0"> (</span> belge<span class="br0"> )</span> .hazır<span class="br0"> (</span><span class="kw1"> işlev</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'giriş'</span><span class="br0"> )</span> .değiştirmek<span class="br0"> (</span><span class="kw1"> işlev</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span> Bu<span class="br0"> )</span> .css<span class="br0"> (</span><span class="st0"> 'arka plan rengi'</span> ,<span class="st0"> 'sarı'</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> senaryo<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> KAFA</span><span class="sy0"> ></span> <p> <br> Yukarıdaki kod satırlarında “ <strong> değiştirmek ()</strong> ” yöntemi bir “ ekler <strong> işlev()</strong> ', 'CSS' stil özelliğini uygular ' <strong> arka plan rengi</strong> ” seçili HTML öğesinde, yani değiştirilen giriş değeri üzerine “giriş”.</p> <p> <strong> Çıktı</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> Çıktı, değeri değiştirildiğinde verilen giriş alanının arka plan renginin değiştiğini onaylar.</p> <h2> Çözüm</h2> <p> jQuery şunları sunar: <strong> değiştirmek()</strong> Kullanıcı giriş alanının değerini değiştirdiğinde 'change' olayını başlatan yöntem. İşlevlerini desteklemek için ek bir olayla da ilişkilendirilebilir. Yalnızca “ <input>”, “<select>” ve “<textarea>” HTML öğelerinde çalışır. Bu yazı, jQuery'deki 'change()' yönteminin ayrıntılı bir görünümünü sağladı.</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="/diger/" class="tag-cloud-link">Diğer</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">Kategori</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Ahududu Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Başka</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Yakınlaştırma</a> </li><li> <a href="/cinnamon/">Tarçın</a> </li><li> <a href="/reviews/">Yorumlar</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radyo</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Açık Deniz</a> </li><li> <a href="/compression/">Sıkıştırma</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Hava Çatlağı</a> </li><li> <a href="/office-productivity-software/">Ofis Verimlilik Yazılımı</a> </li><li> <a href="/boot/">Bot</a> </li><li> <a href="/system-calls/">Sistem Çağrıları</a> </li><li> <a href="/sysctl/">Sistem</a> </li><li> <a href="/networking/">Ağ Oluşturma</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Kat</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Liman Işçisi</a> </li><li> <a href="/firewall/">Güvenlik Duvarı</a> </li><li> <a href="/wireshark/">Tel Köpekbalığı</a> </li><li> <a href="/synology/">Sinoloji</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Papağan Işletim Sistemi</a> </li><li> <a href="/sublime/">Yüce</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/">Kod</a> </li><li> <a href="/gnome/">Cüce</a> </li><li> <a href="/manjaro/">Incelik</a> </li><li> <a href="/mouse/">Fare</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Sel</a> </li><li> <a href="/tablet/">Tablet</a> </li><li> <a href="/pycharm/">Şeytan</a> </li><li> <a href="/curl/">Kıvrılmak</a> </li><li> <a href="/kde/">Nerede</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Yazı Tipleri</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Görüntüler</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Kalamar</a> </li><li> <a href="/mate/">Mat</a> </li><li> <a href="/vlc-media-player/">Vlc Medya Oynatıcı</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Tuş Takımı</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Şifreleme</a> </li><li> <a href="/fedora/">Fötr Şapka</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Tarayıcı</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Kırmızı Şapka</a> </li><li> <a href="/teamviewer/">Takım Görüntüleyici</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/">Jüpiter Defter</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/">Medya Oynatıcılar</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Buhar</a> </li><li> <a href="/jenkins/">Jenkinler</a> </li><li> <a href="/power/">Güç</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Metrekare</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Kavramak</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Yolculuk</a> </li><li> <a href="/audio/">Ses</a> </li><li> <a href="/cpu/">İşlemci</a> </li><li> <a href="/tensorflow/">Tensör Akışı</a> </li><li> <a href="/autodesk/">Otomatik Masa</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Pencereler</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Eski)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Ofis</a> </li><li> <a href="/baska/">Başka</a> </li><li> <a href="/ahududu-pi/">Ahududu Pi</a> </li><li> <a href="/web-kamerasi/">web kamerası</a> </li><li> <a href="/medya-oynaticilar/">medya oynatıcılar</a> </li><li> <a href="/diger/">Diğer</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproksi/">haproksi</a> </li><li> <a href="/cuce/">cüce</a> </li><li> <a href="/bot/">bot</a> </li><li> <a href="/yuce/">yüce</a> </li><li> <a href="/removal-guides/">Kaldırma Kılavuzları</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/sonraki-bulut/">sonraki bulut</a> </li><li> <a href="/erdem/">Erdem</a> </li><li> <a href="/usb-gecidi/">USB geçidi</a> </li><li> <a href="/fotr-sapka/">fötr şapka</a> </li><li> <a href="/guvenli-onyukleme/">#Güvenli Önyükleme</a> </li><li> <a href="/cihaz-gecisi/">cihaz geçişi</a> </li><li> <a href="/sdn/">SDN</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Popüler Mesajlar</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/31/8-fixes-for-8220-system-call-failed-8221-explorer-exe-error-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sistem-cagrisi-basarisiz-oldu-explorer-exe-hatasi-icin-8-duzeltme">“Sistem Çağrısı Başarısız Oldu” Explorer.exe Hatası için 8 Düzeltme</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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-elastic-load-balancing-elb-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/elastik-yuk-dengeleme-elb-nedir">Elastik Yük Dengeleme (ELB) nedir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/62/how-to-reset-a-sequence-in-postgresql-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/postgresql-de-bir-dizi-nasil-sifirlanir">PostgreSQL'de Bir Dizi Nasıl Sıfırlanır</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/75/postgresql-group-by-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/postgresql-grubu-tarafindan">Postgresql grubu tarafından</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/AA/how-to-know-windows-10-version-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/windows-10-surumu-nasil-bilinir">Windows 10 Sürümü Nasıl Bilinir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/AD/what-is-bits-stdc-h-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/c-da-bits-stdc-h-nedir">C++'da <bits/stdc++.h> nedir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/how-to-delete-the-unwanted-blank-page-at-the-end-of-a-word-document-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/word-belgesinin-sonunda-istenmeyen-bos-sayfa-nasil-silinir">Word Belgesinin Sonunda İstenmeyen Boş Sayfa Nasıl Silinir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/how-to-create-default-package-json-from-node-modules-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/dugum-modullerinden-varsayilan-package-json-nasil-olusturulur">Düğüm Modüllerinden Varsayılan package.json Nasıl Oluşturulur?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/39/what-is-esp32-h-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/esp32-h-nedir">ESP32-H nedir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/D4/how-to-left-trim-and-right-trim-string-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/javascript-te-dizeyi-soldan-kirpma-ve-sagdan-kirpma">JavaScript'te Dizeyi Soldan Kırpma ve Sağdan Kırpma</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</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/75/how-to-create-local-persistent-volume-in-kubernetes-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kubernetes-te-yerel-kalici-birim-nasil-olusturulur">Kubernetes'te Yerel Kalıcı Birim Nasıl Oluşturulur</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/8F/what-is-the-html-dom-element-style-property-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/javascript-teki-html-dom-oge-stili-ozelligi-nedir">JavaScript'teki HTML DOM Öğe stili Özelliği nedir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/17/plotly-expess-line-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/plotly-expess-line">Plotly.expess.line</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</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/internet-explorer/58/how-disable-adobe-flash-animations.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/how-disable-adobe-flash-animations">Internet Explorer 8'de Beyaz Listedeki Siteler Dışındaki Tüm Siteler İçin Adobe Flash Animasyonları Nasıl Devre Dışı Bırakılır - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/internet-explorer/"><span class="icon-chat"></span> Internet Explorer</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/B0/copy-and-extract-files-from-development-environment-to-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/dosyalari-gelistirme-ortamindan-linux-a-kopyalama-ve-cikarma">Dosyaları Geliştirme Ortamından Linux'a Kopyalama ve Çıkarma</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/7E/introducing-raspberry-pi-5-the-latest-raspberry-pi-model-2023-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/raspberry-pi-5-ile-tanisin-en-son-raspberry-pi-modeli-2023">Raspberry Pi 5 ile Tanışın: En Son Raspberry Pi Modeli 2023</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/84/how-to-download-netflix-movies-and-shows-to-watch-offline-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cevrimdisi-izlemek-icin-netflix-filmleri-ve-programlari-nasil-indirilir">Çevrimdışı İzlemek İçin Netflix Filmleri ve Programları Nasıl İndirilir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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-use-environment-variables-in-kubernetes-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kubernetes-te-ortam-degiskenleri-nasil-kullanilir">Kubernetes'te Ortam Değişkenleri Nasıl Kullanılır?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/5B/how-to-use-printf-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/printf-c-de-nasil-kullanilir">Printf C'de Nasıl Kullanılır</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</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/D9/how-to-install-virtio-drivers-and-qemu-guest-agent-on-windows-10-11-proxmox-ve-virtual-machines-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/windows-10-11-proxmox-ve-sanal-makinelere-virtio-suruculeri-ve-qemu-guest-agent-nasil-kurulur">Windows 10/11 Proxmox VE Sanal Makinelere VirtIO Sürücüleri ve QEMU Guest Agent Nasıl Kurulur</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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>