Kategori: jQuery

JQuery Neden Kullanılır?

JQuery Neden Kullanılır?

Herkese merhaba. Bu yazıda JQuery’nin neden kullanıldığından bahsedeceğim. İlk olarak JQuery nedir onu inceleyelim. jQuery, web geliştirme süreçlerini kolaylaştırmak ve web sayfalarında etkileşimli öğeler oluşturmayı daha basit hale getirmek için kullanılan bir JavaScript kütüphanesidir. İlk olarak 2006 yılında John Resig tarafından oluşturulan jQuery, web geliştiricilerine çeşitli görevleri daha hızlı ve...

JQuery’de closest Metodu Kullanımı

JQuery’de closest Metodu Kullanımı

Herkese merhaba, Bu yazıda JQuery’de closest metodu kullanımı ile ilgili bilgi vermeye çalışacağım. JQuery’de closest metodu seçtiğimiz elemanın belirttiğimiz seçici kuralına göre en yakın olan ebeveynini (kendisi de bu kontrole dahildir) bulur ve bize döner. Eğer bulamazsa null sonucunu bize döner Aşağıdaki kodlar yardımıyla siz de bu işlemi rahatlıkla yapabilirsiniz....

JQuery'de Sayfa Yönlendirme Yapmak

JQuery’de Sayfa Yönlendirme Yapmak

Herkese merhaba, Bu yazıda JQuery’de sayfa yönlendirme yapmak ile ilgili bilgi vermeye çalışacağım. JQuery’de sayfa yönlendirme işlemi sıkça kullanılan işlemlerdendir. Özellikle Ajax taraflı işlemlerinizde yeri gelince çokça kullanırsınız. Aşağıdaki kodlar yardımıyla siz de bu işlemi rahatlıkla yapabilirsiniz. JQUERY Kodu $(location).attr(‘href’, ‘http://www.yazilimkodu.com’); $(window).attr(‘location’,http://www.yazilimkodu.com’); $(location).prop(‘href’, ‘http://www.yazilimkodu.com’); Yukarıdaki kodları URL kısmını kendinize göre...

JQuery’de Tablodaki TD Değerlerinin Alınması

JQuery’de Tablodaki TD Değerlerinin Alınması

Herkese merhaba, Bu yazıda tabloki td etiketinin içindeki değerlerin alınması ile ilgili bilgi vermeye çalışacağım. Programlama dünyasında tablo üzerinde td etiketinin içindeki değerlerin alınması ihtiyacı olabilir. Çoğunlukla böyle şeylere ihtiyaç duyarsınız. Aşağıdaki kod yardımıyla siz de bu işlemi rahatlıkla yapabilirsiniz. HTML Kodu <table class=”table” border=’1′ id=”tablomuz”> <tr> <th>Id</th> <th>Ürün Adı</th>...

JQuery’de Radio Button ile Arka Plan Rengi Değiştirmek

JQuery’de Radio Button ile Arka Plan Rengi Değiştirmek

Herkese merhaba, Bu yazıda radio button ile arka plan rengi değiştirmek hakkında bilgi vereceğim. Aşağıdaki kod yardımıyla siz de bu işlemi rahatlıkla yapabilirsiniz. HTML Kodu <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>JQuery’de Arka Plan Rengi Değiştirmek</title> </head> <body> <h1>Arka Plan Rengi Değiştir</h1>...

JQuery’de Tabloda Satır Seçmek

JQuery’de Tabloda Satır Seçmek

Herkese merhaba, Bu yazıda tablo üzerinde satır seçmek hakkında bilgi vereceğim. Aşağıdaki kod yardımıyla siz de bu işlemi rahatlıkla yapabilirsiniz. HTML Kodu <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>JQuery Tablo Satır Seçme</title> </head> <body> <table class=”table” id=”isimlerveyaslar”> <thead> <tr> <th scope=”col”>#</th> <th...

JQuery’de Tablo Üzerindeki TD Değerlerini Almak

JQuery’de Tablo Üzerindeki TD Değerlerini Almak

Herkese merhaba, Bu yazıda tablo üzerindeki TD değerlerini almak hakkında bilgi vereceğim. Aşağıdaki kod yardımıyla siz de bu işlemi rahatlıkla yapabilirsiniz. HTML Kodu <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title></title> <script src=”https://code.jquery.com/jquery-3.6.0.min.js”></script> </head> <body> <table border=’1′ id=”uruntablom”> <tr> <th>Id</th> <th>Ürün Adı</th> <th>Açıklama</th>...

JQuery’de Select Option Kullanımında Seçili Değeri Almak

JQuery’de Select Option Kullanımında Seçili Değeri Almak

Herkese merhaba, Bu yazıda JQuery’de Select Option kullanımında seçili değerin nasıl alınacağından bahsedeceğim. Aşağıdaki kod ile bu işlemi rahatlıkla yapabilirsiniz. Yapılan işlemde her seçim değişiminde paragraf içerisindeki metnin değişmesini de istediğim için bu şekilde yaptım. [codepen_embed height=300 theme_id=1 slug_hash=’ZEyJOyd’ user=’yavuzselimkart’ default_tab=’html’ animations=’run’][/codepen_embed] Herkese çalışma hayatında ve yaşamında başarılar kolaylıklar.

Sitedeki yazıları kopyalamak yasaktır.