Kod parçacıkları 2025, Ocak

Varsayılan Giriş Değerini Ayarla / Temizle - CSS Hileleri

Varsayılan Giriş Değerini Ayarla / Temizle - CSS Hileleri

$ ('. varsayılan-değer']. her (işlev () (var default_value = this.value; $ (this) .focus (function () (if (this.value == default_value) (this.value = '' ;))); "

Formu JSON'a Seri Hale Getirin - CSS Hileleri

Formu JSON'a Seri Hale Getirin - CSS Hileleri

$ .fn.serializeObject = function () (var o = (); var a = this.serializeArray (); $ .each (a, function () (if (o) (if (! o.push) (o = );) o.push (this.value "

Liste Öğesini Yalnızca Başka Bir Liste İçermiyorsa (ve en üst düzeydeyse) Seçin - CSS Hileleri

Liste Öğesini Yalnızca Başka Bir Liste İçermiyorsa (ve en üst düzeydeyse) Seçin - CSS Hileleri

Bunun oldukça spesifik olduğunun farkındayım, ancak bir sorunu çözmek için bu seçiciyi daha önce yazmam gerekti ve seçici oldukça gelişmiş olduğu için jQuery kullandım "

Yalnızca Çocuklar Animasyonlu Değilse Öğeyi Seçin - CSS Hileleri

Yalnızca Çocuklar Animasyonlu Değilse Öğeyi Seçin - CSS Hileleri

Var myChildrenBehave = $ (". element"). filter (function () (var filtered = $ (this) .children (). not (": animasyonlu"); dönüş filtreli;)); Bu, "öğesini seçer"

JavaScript'i Yalnızca Tüm Sayfa Yüklendikten Sonra Çalıştır - CSS Hileleri

JavaScript'i Yalnızca Tüm Sayfa Yüklendikten Sonra Çalıştır - CSS Hileleri

$ (pencere) .bind ("yük", fonksiyon () (// kod buraya)); "

Ara / Değiştir - CSS Hileleri

Ara / Değiştir - CSS Hileleri

JQuery (function () (jQuery (": içerir (BUL)"). değil (": has (: içerir (BUL))"). her (işlev () (var that = $ (this), html = that. html (); html = "

Kısmi Sayfa Yenileme - CSS Hileleri

Kısmi Sayfa Yenileme - CSS Hileleri

Belirli bir süre sonra jQuery kullanarak bir sayfanın belirli öğelerini yenileyin, kimliği olan herhangi bir öğe ile kullanılabilir. "İle verilen örneği değiştirdim"

Diziden Belirli Bir Değeri Kaldır - CSS Hileleri

Diziden Belirli Bir Değeri Kaldır - CSS Hileleri

Var arr =; var removeItem = 2; arr = $ .grep (arr, function (değer) (dönüş değeri! = removeItem;)); "

Tüm Div'i Tıklanabilir Yap - CSS Hileleri

Tüm Div'i Tıklanabilir Yap - CSS Hileleri

Kasım 2020 Güncellemesi: Bunun için mümkün olan en iyi tekniğin bu makaledeki Yöntem 4 olduğunu düşünüyorum.

(veya kalan sarmalayıcı öğesi) "

Tablolarda Kalıcı Başlıklar - CSS Hileleri

Tablolarda Kalıcı Başlıklar - CSS Hileleri

Üzerinde uzun bir tablo olan bir sayfayı aşağı kaydırdığınızda, tipik olarak tablonun başlığı kayar ve işe yaramaz hale gelir. Bu kod, tablo başlığını klonlar "

Olayları Yapıştır - CSS Hileleri

Olayları Yapıştır - CSS Hileleri

$ .fn.pasteEvents = function (gecikme) (if (delay == undefined) delay = 20; return $ (this) .each (function () (var $ el = $ (this); $ el.on ("paste ", işlev ()"

Parola Gücü - CSS Hileleri

Parola Gücü - CSS Hileleri

$ ['# pass']. keyup (function (e) (var strongRegex = new RegExp ("^ (? =. (8,)) (? =. *) (? =. *) (? =. *) (? =. * \ W). * $ "," G "); var mediumRegex = new"

Tıklanan Liste Öğelerini Listenin En Üstüne Taşı - CSS Hileleri

Tıklanan Liste Öğelerini Listenin En Üstüne Taşı - CSS Hileleri

HTML'yi şöyle varsayarsak: bir, iki, üç Yani, "İki" tıklanırsa, listenin en üstüne taşıyın. $ ("li"). tıklayın (function () ("

Dış Bağlantıları Yeni Pencerede Aç - CSS Hileleri

Dış Bağlantıları Yeni Pencerede Aç - CSS Hileleri

$ ['a']. her (function () (var a = new RegExp ('/' + window.location.host + '/'); if (! a.test (this.href)) ($ (this ). tıklayın (işlev (olay) ("

İmleci Metin Alanının veya Girişin Sonuna Taşı - CSS Hileleri

İmleci Metin Alanının veya Girişin Sonuna Taşı - CSS Hileleri

İmleci varsayılan metin yerine girişteki geçerli metnin sonuna hareket ettirmek için kod (metni vurgulayarak). Eklenti biçimi "

ExternalHTML jQuery Eklentisi - CSS Hileleri

ExternalHTML jQuery Eklentisi - CSS Hileleri

InnerHTML () yereldir ve bir DOM düğümünün içeriğini döndürür (örneğin, bir div içinde yaşıyorum .. externalHTML () değil, geçerli DOM düğümünü de içerir "

Make jQuery: Büyük / Küçük Harfe Duyarlıdır - CSS Hileleri

Make jQuery: Büyük / Küçük Harfe Duyarlıdır - CSS Hileleri

YENİ seçici jQuery.expr.Contains = function (a, i, m) (return jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // OVERWRITES eski "

Bir jQuery hasAttr () Eşdeğeri - CSS Hileleri

Bir jQuery hasAttr () Eşdeğeri - CSS Hileleri

JQuery'nin gerçekten bir .hasAttr () işlevi yoktur. Öyle olduğunu varsayabilirsiniz, ama ne yazık ki öyle değildir. Bir StackOverflow iş parçacığında oldukça iyi "

Sayfanın Yalnızca Bir Bölümünü Yükle - CSS Hileleri

Sayfanın Yalnızca Bir Bölümünü Yükle - CSS Hileleri

Kullanım Örneği AJAX'ın sitenizdeki başka bir sayfanın bir bölümünü geçerli sayfaya yüklemesini istiyorsunuz. Diyelim ki e-ticaret CMS sisteminiz, "

Fare Tekerleğiyle Sayfayı Yatay Olarak Kaydır - CSS Hileleri

Fare Tekerleğiyle Sayfayı Yatay Olarak Kaydır - CSS Hileleri

1) jQuery'yi yükleyin ve Mouse Wheel eklentisi Mouse Wheel eklentisi burada. 2) Fare tekerleği olayını gövdeye ekleyin "30" hızı temsil eder. preventDefault, "

JQuery'yi Yalnızca Mevcut Değilse Yükle - CSS Hileleri

JQuery'yi Yalnızca Mevcut Değilse Yükle - CSS Hileleri

Diyelim ki bir sürü sayfada bir ekleme yapacaksınız ve bunun içinde jQuery'ye özgü bazı şeyler yapmak istediğinizi de dahil edin. Bu sayfa olabilir veya "

JQuery yükleniyor - CSS Hileleri

JQuery yükleniyor - CSS Hileleri

Google API Direct Link ile Google'a yükleyin Yüklendiğini kontrol edin, yalnızca yüklenmemişse yükleyin var jQueryScriptOutputted = false; function initJQuery () (// ise "

Konami Kodu - CSS Hileleri

Konami Kodu - CSS Hileleri

Var kkeys = (), konami = "38,38,40,40,37,39,37,39,66,65"; $ (belge) .keydown (function (e) (kkeys.push (e.keyCode); if (kkeys.toString (). indexOf (konami ")

JQuery Sabit Altbilgi - CSS Hileleri

JQuery Sabit Altbilgi - CSS Hileleri

Genel olarak CSS Yapışkan Altbilgisi, mükemmel bir şekilde sorunsuz çalıştığı ve JavaScript gerektirmediği için en iyi yoldur. İşaretleme gerekli ise "

JQuery Zebra Tablo Çizgisi - CSS Hileleri

JQuery Zebra Tablo Çizgisi - CSS Hileleri

$ ("tr: tek"). addClass ("tek"); Ardından biraz CSS kullanın: .odd (arka plan: #ccc;) "

Bağlantı Nudging - CSS Hileleri

Bağlantı Nudging - CSS Hileleri

$ ("a"). hover (function () ($ (this) .stop (). animate ((paddingLeft: "10px"), 200);), function () ($ (this) .stop (). animate ((paddingLeft: "0px"), 200);)); Yapmak"

Metin Girişlerini Senkronize Tutun - CSS Hileleri

Metin Girişlerini Senkronize Tutun - CSS Hileleri

Var $ inputs = $ (". example-input"); $ inputs.keyup (function () ($ inputs.val ($ (bu) .val ());)); Misal"

JQuery Tweetify Metni - CSS Hileleri

JQuery Tweetify Metni - CSS Hileleri

İşlev $ .fn.tweetify = function () (this.each (function () ($ (this) .html ($ (this) .html () "

JQuery Eklenti Şablonu - CSS Hileleri

JQuery Eklenti Şablonu - CSS Hileleri

"YourPluginName" örneklerini gerçek eklenti adınızla değiştirin. "Yarıçap" ile ilgili şeyler, bir seçenek örneğidir (eklentiyi geçirecek parametre). "

JQuery JSON hata yakalayarak alma - CSS Hileleri

JQuery JSON hata yakalayarak alma - CSS Hileleri

JQuery, JSON verileri için AJAX isteklerini kolaylaştırmaya yardımcı olmak için getJSON () adında yerleşik bir işleve sahiptir. Normalde harika çalışır, ancak bu işlev "