Cuplikan Kode 2025, Januari

Atur / Hapus Nilai Input Default - Trik CSS

$ ('. default-value'). each (function () (var default_value = this.value; $ (this) .focus (function () (if (this.value == default_value) (this.value = '' ;))); "

Serialisasi Formulir ke JSON - Trik CSS

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

Pilih Item Daftar Hanya Jika Tidak Berisi Daftar Lain (dan merupakan level teratas) - Trik CSS

Saya menyadari ini agak spesifik, tetapi saya harus menulis pemilih ini sebelumnya untuk memperbaiki masalah dan saya menggunakan jQuery karena selektornya agak maju "

Pilih Elemen Hanya jika Anak-anak Tidak Dianimasikan - Trik CSS

Var myChildrenBehave = $ (". element"). filter (function () (var filtered = $ (this) .children (). not (": animated"); return filtered;)); Ini memilih elemen "

Jalankan JavaScript Hanya Setelah Seluruh Halaman Telah Dimuat - Trik CSS

$ (window) .bind ("load", function () (// kode di sini)); "

Cari / Ganti - Trik CSS

JQuery (function () (jQuery (": contains (FIND)"). not (": has (: contains (FIND))"). each (function () (var that = $ (this), html = that. html (); html = "

Segarkan Halaman Parsial - Trik CSS

Segarkan elemen tertentu dari halaman menggunakan jQuery setelah waktu yang ditentukan, dapat digunakan dengan elemen apa pun dengan ID. Saya mengubah contoh yang diberikan dengan "

Hapus Nilai Tertentu dari Array - Trik CSS

Var arr =; var removeItem = 2; arr = $ .grep (arr, fungsi (nilai) (nilai kembali! = removeItem;)); "

Jadikan Seluruh Div Dapat Diklik - Trik CSS

Perbarui November 2020: Saya pikir teknik terbaik untuk ini adalah Metode 4 di artikel ini.

(atau elemen pembungkus apa pun) tetap "

Header Tetap di Tabel - Trik CSS

Saat Anda menggulir ke bawah halaman dengan tabel panjang di atasnya, biasanya header tabel akan bergulir dan menjadi tidak berguna. Kode ini mengkloning header tabel "

Tempel Acara - Trik CSS

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

Kekuatan Kata Sandi - Trik CSS

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

Pindahkan Item Daftar yang Diklik Ke Atas Daftar - Trik CSS

Dengan asumsi HTML seperti ini: satu dua tiga Jadi jika "Dua" diklik, pindahkan ke bagian atas daftar. $ ("li"). klik (function () ("

Buka Tautan Eksternal Di Jendela Baru - Trik CSS

$ ('a'). each (function () (var a = new RegExp ('/' + window.location.host + '/'); if (! a.test (this.href)) ($ (this ) .click (function (event) ("

Pindahkan Kursor Ke Akhir Textarea atau Input - Trik CSS

Kode untuk memindahkan kursor ke akhir teks saat ini di dalam masukan, bukan default (menyorot teks). Format plugin "

Plugin jQuery outerHTML - Trik CSS

InnerHTML () adalah asli dan mengembalikan konten simpul DOM (misalnya saya tinggal di dalam div .. outerHTML () bukan, yang akan menyertakan simpul DOM saat ini "

Buat jQuery: berisi Case-Insensitive - Trik CSS

Selektor BARU jQuery.expr.Contains = function (a, i, m) (return jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // OVERWRITES old "

Sebuah jQuery hasAttr () Equivalent - Trik CSS

JQuery tidak benar-benar memiliki fungsi .hasAttr (). Anda mungkin berasumsi bahwa itu benar, tetapi sayangnya, tidak. Untaian StackOverflow memiliki beberapa "

Muat Hanya Bagian dari Halaman - Trik CSS

Use Case Anda ingin AJAX memuat bagian dari halaman lain di situs Anda ke halaman saat ini. Misalkan sistem CMS eCommerce Anda membuat menu dinamis "

Gulir Halaman Secara Horizontal Dengan Roda Mouse - Trik CSS

1) Muat jQuery dan plugin Mouse Wheel plugin Mouse Wheel ada di sini. 2) Pasang event roda mouse ke body. Angka "30" mewakili kecepatan. preventDefault memastikan "

Muat jQuery Hanya Jika Tidak Ada - Trik CSS

Katakanlah Anda akan melakukan penyertaan pada sejumlah besar halaman, dan di dalamnya termasuk Anda ingin melakukan beberapa hal spesifik jQuery. Halaman itu mungkin atau "

Memuat jQuery - Trik CSS

Muat dengan Tautan Langsung Google API ke Google Periksa apakah dimuat, hanya muat jika dibongkar var jQueryScriptOutputted = false; function initJQuery () (// jika "

Kode Konami - Trik CSS

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

JQuery Sticky Footer - Trik CSS

Secara umum, CSS Sticky Footer adalah cara terbaik untuk melakukannya, karena bekerja dengan sangat lancar dan tidak memerlukan JavaScript. Jika markup diperlukan tidak "

JQuery Zebra Stripe Tabel - Trik CSS

$ ("tr: odd"). addClass ("odd"); Kemudian gunakan beberapa CSS: .odd (background: #ccc;) "

Tautan Menyenggol - Trik CSS

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

Pertahankan Input Teks Tetap Sinkron - Trik CSS

Var $ input = $ (". example-input"); $ inputs.keyup (function () ($ inputs.val ($ (ini) .val ());)); Contoh"

JQuery Tweetify Teks - Trik CSS

Fungsi $ .fn.tweetify = function () (this.each (function () ($ (ini) .html ($ (ini) .html () "

Template Plugin jQuery - Trik CSS

Ganti contoh "yourPluginName" dengan nama plugin Anda yang sebenarnya. Hal-hal tentang "radius" hanyalah contoh dari sebuah opsi (parameter untuk lulus plugin). "

JQuery JSON mendapatkan dengan error catching - Trik CSS

JQuery memiliki fungsi bawaan yang disebut getJSON () untuk membantu mempermudah permintaan AJAX untuk data JSON. Biasanya berfungsi dengan baik, tetapi jika fungsi itu mendapat "