Фрагменты кода 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 filter = $ (this) .children (). not (": animated"); return filter;)); Это выбирает элемент "

Поиск / замена - 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 ("вставить ", функция ()"

Надежность пароля - CSS-хитрости

Надежность пароля - CSS-хитрости

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

Переместить выбранные элементы списка в начало списка - CSS-хитрости

Переместить выбранные элементы списка в начало списка - CSS-хитрости

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

Открыть внешние ссылки в новом окне - CSS-хитрости

Открыть внешние ссылки в новом окне - CSS-хитрости

$ ('a'). each (function () (var a = new RegExp ('/' + window.location.host + '/'); if (! a.test (this.href)) ($ (this ) .click (функция (событие) ("

Переместить курсор в конец текстовой области или ввода - CSS-хитрости

Переместить курсор в конец текстовой области или ввода - CSS-хитрости

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

Плагин externalHTML jQuery - CSS-хитрости

Плагин externalHTML jQuery - CSS-хитрости

InnerHTML () является встроенным и возвращает содержимое узла DOM (например, я живу внутри div .. outerHTML () нет, который будет включать текущий узел DOM "

Сделать jQuery: содержит нечувствительность к регистру - CSS-хитрости

Сделать jQuery: содержит нечувствительность к регистру - CSS-хитрости

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

Эквивалент jQuery hasAttr () - CSS-хитрости

Эквивалент jQuery hasAttr () - CSS-хитрости

JQuery действительно не имеет функции .hasAttr (). Вы можете предположить, что это так, но, увы, это не так. В потоке StackOverflow есть неплохие "

Загрузить только раздел страницы - CSS-хитрости

Загрузить только раздел страницы - CSS-хитрости

Пример использования. Вы хотите, чтобы AJAX загружал на текущую страницу раздел другой страницы вашего сайта. Допустим, ваша система CMS электронной коммерции создает динамическое меню "

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

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

1) Загрузите jQuery и плагин Mouse Wheel. Плагин Mouse Wheel можно здесь. 2) Прикрепите событие колесика мыши к телу. «30» обозначает скорость. preventDefault гарантирует "

Загружать jQuery, только если его нет - CSS-хитрости

Загружать jQuery, только если его нет - CSS-хитрости

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

Загрузка jQuery - CSS-хитрости

Загрузка jQuery - CSS-хитрости

Загрузить с помощью Google API Прямая ссылка на Google Проверить, загружено, загружать только если выгружено var jQueryScriptOutputted = false; function initJQuery () (// если "

Кодекс Konami - CSS-хитрости

Кодекс Konami - CSS-хитрости

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

JQuery Sticky Footer - CSS-хитрости

JQuery Sticky Footer - CSS-хитрости

В целом CSS Sticky Footer - лучший вариант, поскольку он работает идеально плавно и не требует JavaScript. Если требуемой разметки просто нет "

JQuery Зебра раскрашивает стол - CSS-хитрости

JQuery Зебра раскрашивает стол - CSS-хитрости

$ ("tr: odd"). addClass ("odd"); Затем используйте CSS: .odd (background: #ccc;) "

Link Nudging - CSS-хитрости

Link Nudging - CSS-хитрости

$ ("a"). hover (function () ($ (this) .stop (). animate ((paddingLeft: "10px"), 200);), function () ($ (this) .stop (). animate ((paddingLeft: "0px"), 200);)); Делать"

Синхронизировать ввод текста - CSS-хитрости

Синхронизировать ввод текста - CSS-хитрости

Var $ inputs = $ (". пример-ввод"); $ 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. Обычно он отлично работает, но если эта функция получит "