Кодови фрагменти 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;)); Това избира елемента "

Стартирайте JavaScript само след зареждане на цялата страница - CSS-трикове

Стартирайте JavaScript само след зареждане на цялата страница - CSS-трикове

$ (прозорец) .bind ("зареждане", функция () (// код тук)); "

Търсене / Замяна - CSS-трикове

Търсене / Замяна - CSS-трикове

JQuery (функция () (jQuery (": съдържа (FIND)"). не (": има (: съдържа (FIND))"). всяка (функция () (var, че = $ (това), html = това. html (); html = "

Частично опресняване на страницата - CSS-трикове

Частично опресняване на страницата - CSS-трикове

Опресняване на определени елементи на страница с помощта на jQuery след определен период от време, може да се използва с всеки елемент с идентификатор. Промених примера, даден с "

Премахване на конкретна стойност от масива - CSS-трикове

Премахване на конкретна стойност от масива - CSS-трикове

Var arr =; var removeItem = 2; arr = $ .grep (arr, функция (стойност) (върната стойност! = removeItem;)); "

Направете цял Div кликващ - CSS-трикове

Направете цял Div кликващ - CSS-трикове

Актуализация ноември 2020: Мисля, че най-добрата възможна техника за това е метод 4 в тази статия.

(или какъвто и да е елемент на обвивката) остава "

Устойчиви заглавки на таблици - CSS-трикове

Устойчиви заглавки на таблици - CSS-трикове

Когато превъртите надолу страница с дълга таблица, обикновено заглавката на таблицата се превърта и става безполезна. Този код клонира заглавката на таблицата "

Поставяне на събития - CSS-трикове

Поставяне на събития - CSS-трикове

$ .fn.pasteEvents = функция (закъснение) (ако (закъснение == неопределено) закъснение = 20; върнете $ (this) .each (function () (var $ el = $ (this); $ el.on ("paste ", функция ()"

Сила на паролата - CSS-трикове

Сила на паролата - CSS-трикове

$ ('# pass'). keyup (функция (e) (var strongRegex = нов RegExp ("^ (? =. (8,)) (? =. *) (? =. *) (? =. *) (? =. * \ W). * $ "," G "); var mediumRegex = нов"

Преместване на кликнатите елементи от списъка в началото на списъка - CSS-трикове

Преместване на кликнатите елементи от списъка в началото на списъка - CSS-трикове

Ако приемем HTML по следния начин: едно две три Така че ако щракнете върху „Две“, преместете го в горната част на списъка. $ ("li"). щракнете (function () ("

Отворете външни връзки в нов прозорец - CSS-трикове

Отворете външни връзки в нов прозорец - CSS-трикове

$ ('a'). всяка (функция () (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 .. externalHTML () не е, което ще включва текущия 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 и приставката за колелцето на мишката Приставката за колелото на мишката е тук. 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 Sticky Footer - CSS-трикове

JQuery Sticky Footer - CSS-трикове

Като цяло CSS Sticky Footer е най-добрият начин, тъй като работи перфектно гладко и не изисква JavaScript. Ако изискваната маркировка просто не е "

JQuery Zebra Stripe a Table - CSS-трикове

JQuery Zebra Stripe a Table - CSS-трикове

$ ("tr: нечетен"). addClass ("нечетен"); След това използвайте малко CSS: .odd (background: #ccc;) "

Преместване на връзки - CSS-трикове

Преместване на връзки - CSS-трикове

$ ("a"). hover (function () ($ (this) .stop (). animate ((paddingLeft: "10px"), 200);), function () ($ (this) .stop (). animate ((paddingLeft: "0px"), 200);)); Направете "

Поддържайте въвеждането на текст в синхрон - CSS-трикове

Поддържайте въвеждането на текст в синхрон - CSS-трикове

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