Фрагменти коду 2025, Січень

Встановити / очистити вхідне значення за замовчуванням - CSS-хитрощі

Встановити / очистити вхідне значення за замовчуванням - CSS-хитрощі

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

Серіалізувати форму до JSON - CSS-хитрощі

Серіалізувати форму до JSON - CSS-хитрощі

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

Виберіть елемент списку лише у тому випадку, якщо він не містить іншого списку (і знаходиться на верхньому рівні) - CSS-хитрощі

Виберіть елемент списку лише у тому випадку, якщо він не містить іншого списку (і знаходиться на верхньому рівні) - CSS-хитрощі

Я розумію, що це досить конкретно, але мені довелося писати цей селектор раніше, щоб виправити проблему, і я використав jQuery, оскільки селектор досить просунутий "

Виберіть елемент, лише якщо діти не анімовані - CSS-хитрощі

Виберіть елемент, лише якщо діти не анімовані - CSS-хитрощі

Var myChildrenBehave = $ (". element"). filter (function () (var filtered = $ (this) .children (). not (": animated"); return filtered;)); Це вибирає елемент "

Пошук / Заміна - CSS-хитрощі

Пошук / Заміна - CSS-хитрощі

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

Часткове оновлення сторінки - CSS-хитрощі

Часткове оновлення сторінки - CSS-хитрощі

Оновити певні елементи сторінки за допомогою jQuery через заданий проміжок часу, можна використовувати з будь-якими елементами з ідентифікатором. Я змінив приклад, наведений з "

Видалити конкретне значення з масиву - CSS-хитрощі

Видалити конкретне значення з масиву - CSS-хитрощі

Var arr =; var removeItem = 2; arr = $ .grep (arr, function (value) (return value! = removeItem;)); "

Зробити весь Div натисканням - CSS-хитрощі

Зробити весь Div натисканням - CSS-хитрощі

Оновлення в листопаді 2020 року: Я думаю, що найкращим із можливих методів для цього є метод 4 у цій статті.

(або інший елемент обгортки) залишається "

Постійні заголовки на таблицях - CSS-хитрощі

Постійні заголовки на таблицях - CSS-хитрощі

Коли ви прокручуєте сторінку з довгою таблицею, як правило, заголовок таблиці прокручується і стає марним. Цей код клонує заголовок таблиці "

Вставити події - CSS-хитрощі

Вставити події - CSS-хитрощі

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

Сила пароля - CSS-хитрощі

Сила пароля - CSS-хитрощі

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

Перемістіть елементи списку, що натиснули, на початок списку - CSS-хитрощі

Перемістіть елементи списку, що натиснули, на початок списку - CSS-хитрощі

Припускаючи, що HTML такий: один два три Тож, якщо натиснуто "Два", перемістіть його у верхню частину списку. $ ("li"). натисніть (function () ("

Відкрити зовнішні посилання в новому вікні - CSS-хитрощі

Відкрити зовнішні посилання в новому вікні - CSS-хитрощі

$ ('a'). each (function () (var a = new RegExp ('/' + window.location.host + '/'); if (! a.test (this.href)) ($ (this ) .click (функція (подія) ("

Перемістити курсор до кінця текстового поля або вводу - CSS-хитрощі

Перемістити курсор до кінця текстового поля або вводу - CSS-хитрощі

Код для переміщення курсору до кінця поточного тексту всередині введення, а не за замовчуванням (виділення тексту). Формат плагіна "

Зовнішній HTML jQuery плагін - CSS-хитрощі

Зовнішній HTML jQuery плагін - CSS-хитрощі

InnerHTML () є рідною і повертає вміст DOM-вузла (наприклад, я живу всередині div ...

Зробити jQuery: містить чутливу до регістру - CSS-хитрощі

Зробити jQuery: містить чутливу до регістру - CSS-хитрощі

НОВИЙ селектор jQuery.expr.Contains = function (a, i, m) (return jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // ЗАПИСАЄ старі "

JQuery має еквівалент Atr () - CSS-хитрощі

JQuery має еквівалент Atr () - CSS-хитрощі

JQuery насправді не має функції .hasAttr (). Можна припустити, що так, але, на жаль, ні. Потік StackOverflow має кілька досить хороших "

Завантажити лише розділ сторінки - CSS-хитрощі

Завантажити лише розділ сторінки - CSS-хитрощі

Випадок використання Ви хочете, щоб AJAX завантажив розділ іншої сторінки на вашому сайті на поточну сторінку. Скажімо, ваша система управління електронною комерцією створює динамічне меню "

Прокрутіть сторінку горизонтально за допомогою колеса миші - CSS-хитрощі

Прокрутіть сторінку горизонтально за допомогою колеса миші - CSS-хитрощі

1) Завантажте jQuery та плагін Mouse Wheel Плагін Mouse Wheel тут. 2) Прикріпіть подію коліщатка миші до корпусу "30" відображає швидкість. prevenDefault забезпечує "

Завантажувати jQuery, лише якщо його немає - CSS-хитрощі

Завантажувати jQuery, лише якщо його немає - CSS-хитрощі

Скажімо, ви збиралися зробити включення на цілу купу сторінок, а всередині цього включення ви хотіли зробити деякі специфічні матеріали для jQuery. Ця сторінка може або "

Завантаження jQuery - CSS-хитрощі

Завантаження jQuery - CSS-хитрощі

Завантажити за допомогою Google API Пряме посилання на Google Check, якщо завантажено, завантажувати лише у разі вивантаження var jQueryScriptOutputted = false; функція initJQuery () (// якщо "

Кодекс Конамі - CSS-хитрощі

Кодекс Конамі - CSS-хитрощі

Var kkeys = (), konami = "38,38,40,40,37,39,37,39,66,65"; $ (документ) .keydown (функція (e) (kkeys.push (e.keyCode); if (kkeys.toString (). indexOf (konami "

JQuery липкий колонтитул - CSS-хитрощі

JQuery липкий колонтитул - CSS-хитрощі

Взагалі CSS Sticky Footer - найкращий спосіб, оскільки він працює ідеально гладко і не вимагає JavaScript. Якщо розмітка потрібна просто не "

JQuery Зебра смуга стіл - CSS-хитрощі

JQuery Зебра смуга стіл - CSS-хитрощі

$ ("tr: непарна"). addClass ("непарна"); Потім використовуйте CSS: .odd (background: #ccc;) "

Підштовхування посилань - CSS-хитрощі

Підштовхування посилань - CSS-хитрощі

$ ("a"). hover (function () ($ (this) .stop (). animate ((paddingLeft: "10px"), 200);), function () ($ (this) .stop (). анімація ((paddingLeft: "0px"), 200);)); Зробити "

Синхронізуйте введення тексту - CSS-хитрощі

Синхронізуйте введення тексту - CSS-хитрощі

Var $ inputs = $ (". example-input"); $ inputs.keyup (function () ($ inputs.val ($ (this) .val ());)); Приклад "

JQuery Tweetify Text - CSS-хитрощі

JQuery Tweetify Text - CSS-хитрощі

Функція $ .fn.tweetify = function () (this.each (function () ($ (this) .html ($ (this) .html () "

Шаблон плагіна jQuery - CSS-хитрощі

Шаблон плагіна jQuery - CSS-хитрощі

Замініть екземпляри "yourPluginName" на ваше справжнє ім'я плагіна. Матеріали про "радіус" - це лише приклад опції (параметра для передачі плагіна). "

JQuery JSON отримання з помилкою лову - CSS-хитрощі

JQuery JSON отримання з помилкою лову - CSS-хитрощі

JQuery має вбудовану функцію getJSON (), яка полегшує запити AJAX на дані JSON. Зазвичай це чудово працює, але якщо ця функція отримає "