Кодови фрагменти 2025, Юли

Деактивиране / повторно активиране на входове - CSS-трикове

Деактивиране / повторно активиране на входове - CSS-трикове

Деактивиране: $ ("# submit-button"). Attr ("disabled", true); Повторно активиране: $ ("# submit-button"). RemoveAttr ("disabled"); "

Деактивиране на родителски връзки в навигацията на вложен списък - CSS-трикове

Деактивиране на родителски връзки в навигацията на вложен списък - CSS-трикове

JQuery код, който деактивира родителските връзки за падащи менюта. Менюто трябва да бъде изградено като вложени списъци и родителската връзка е деактивирана. Това помага "

Откриване на първия видим елемент от определен клас - CSS-трикове

Откриване на първия видим елемент от определен клас - CSS-трикове

Добавя клас „първи“ към първия елемент, който има клас „активност“, който се вижда в прозореца на браузъра. $ (прозорец) .scroll (функция () (var "

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

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

Този код ще премине през неподреден списък с идентификатор на „списък на циклите“. Може да се използва върху всеки елемент с деца. Заменете "ul # cyclelist li" с "

Сравнете jQuery Обекти - CSS-трикове

Сравнете jQuery Обекти - CSS-трикове

Не можете наистина да сравните дали два jQuery обекта са еднакви ... if ($ (selectionOne) === $ (selectionTwo)) () Можете да сравнявате DOM обекти все пак ... if "

Комбинирайте функции за плъзгане и избледняване - CSS-трикове

Комбинирайте функции за плъзгане и избледняване - CSS-трикове

$ .fn.slideFadeToggle = функция (скорост, облекчаване, обратно извикване) (върнете this.animate ((непрозрачност: 'превключване', височина: 'превключване'), скорост, облекчаване, обратно извикване);); Употреба "

Щракнете веднъж и Отмени - CSS-трикове

Щракнете веднъж и Отмени - CSS-трикове

Нека се случи нещо при клик събитие, но само веднъж! Развържете манипулатора на кликване, след като елементът е щракнат веднъж. $ ('# my-selector'). bind ('щракване', "

Изчистване на низа за търсене по подразбиране на фокус - CSS-трикове

Изчистване на низа за търсене по подразбиране на фокус - CSS-трикове

$ ("# s") .val ("Търсене ...") .css ("color", "#ccc") .focus (function () ($ (this) .css ("color", "black" ); if ($ (this) .val () == "Търсене ...") ($ (this) .val ("");) "

Изчистване на входен файл - CSS-трикове

Изчистване на входен файл - CSS-трикове

Можете просто да го клонирате и да го замените със себе си, като всички събития все още са прикрепени. var input = $ ("# control"); функция something_happens () ("

Проверете дали jQuery е заредена - CSS-трикове

Проверете дали jQuery е заредена - CSS-трикове

If (typeof jQuery == 'undefined') (// jQuery НЕ се зарежда, правете неща тук.) "

Проверете дали събитието е задействано или естествено - CSS-трикове

Проверете дали събитието е задействано или естествено - CSS-трикове

$ ('бутон'). щракнете (функция (събитие, wasTriggered) (ако (wasTriggered) (сигнал ('задейства се в код');) else (сигнал ('задейства се от мишката');))); "

Проверете дали елементът съществува - CSS-трикове

Проверете дали елементът съществува - CSS-трикове

If ($ ('# myElement'). length> 0) (// съществува) Или да го превърнете в изискана функция с обратен извикване: // Tiny jQuery Plugin // от Chris Goodchild $ .fn.exists = "

Проверете дали квадратчето за отметка е отметнато - CSS-трикове

Проверете дали квадратчето за отметка е отметнато - CSS-трикове

Кажете, че 10 пъти бързо =). Разберете дали едно отметка е отметнато или не, връща вярно или невярно: $ ('# checkBox'). Attr ('отметнато'); Намери всички отметнати "

Променете WMode с jQuery - CSS-трикове

Променете WMode с jQuery - CSS-трикове

Ако не настроите wmode на флаш вграждане, той ще плава над горната част на наслагването, което може да бъде доста голяма работа. Това е идеално в среда с "

Откриване на браузър + Прилагане на класове към HTML елемент - CSS-трикове

Откриване на браузър + Прилагане на класове към HTML елемент - CSS-трикове

JQBrowser v0.2: http://davecardwell.co.uk/javascript/jquery/plugins/jquery-browserdetect/ eval (функция (p, a, c, k, e, d) (e = функция (c) (връщане (c "

Проверете за празни елементи - CSS-трикове

Проверете за празни елементи - CSS-трикове

Направете нещо за всеки намерен празен елемент: $ ('*'). Each (function () (if ($ (this) .text () == "") (// Направете нещо))); TRUE или FALSE, ако елементът е празен: "

По-добро обработване на счупени изображения - CSS-трикове

По-добро обработване на счупени изображения - CSS-трикове

Липсващите изображения или просто няма да показват нищо, или ще покажат поле за стил, когато техният източник не може да бъде намерен. Вместо това може да искате да замените това с "

Изчислете разстоянието между мишката и елемента - CSS-трикове

Изчислете разстоянието между мишката и елемента - CSS-трикове

(function () (var mX, mY, distance, $ distance = $ ('# distance range'), $ element = $ ('# element'); функция countDistance (elem, mouseX, mouseY) (return "

Добавяне на наслагване на сайт DIV - CSS-трикове

Добавяне на наслагване на сайт DIV - CSS-трикове

$ (function () (var docHeight = $ (document) .height (); $ ("body"). append (""); $ ("# overlay") .height (docHeight) .css (('' opacity ' : 0.4, 'позиция': "

Автоматично откриване на връзки към документи и прилагане на клас - CSS-трикове

Автоматично откриване на връзки към документи и прилагане на клас - CSS-трикове

$ ('a'). всяка (функция () (ако ((C = $ (this) .attr ('href'). match (/ (doc | xls | pdf) $ /))) ($ (this) .addClass (C);))); Това ще разгледа всеки елемент на "

Добавете неразбиващо пространство върху заглавието, за да предотвратите вдовици - CSS-трикове

Добавете неразбиващо пространство върху заглавието, за да предотвратите вдовици - CSS-трикове

$ ("h2"). всяка (функция () (var wordArray = $ (this) .text (). split (""); var finalTitle = ""; for (i = 0; i "

Анимиране на височина / ширина до "Auto" - CSS-трикове

Анимиране на височина / ширина до "Auto" - CSS-трикове

Не е възможно да се направи нещо.animate (("" height ":" auto ")) ;. Това е методът на Дарси Кларк, който позволява това да работи. По същество клонирате елемента, "

Добавяне: nth-of-type към jQuery - CSS-трикове

Добавяне: nth-of-type към jQuery - CSS-трикове

$ .expr = функция (elem, i, match) (var parts = match.split ("+"); return (i + 1 - (parts || 0))% parseInt (parts, 10) === 0; ); Вижте оригиналната статия "

Unescape HTML в JS - CSS-трикове

Unescape HTML в JS - CSS-трикове

Функция htmlDecode (вход) (var e = document.createElement ('div'); e.innerHTML = input; return e.childNodes.length === 0? "": e.childNodes.nodeValue;) "

Добавяне / премахване на клас при задържане - CSS-трикове

Добавяне / премахване на клас при задържане - CSS-трикове

$ ('# elm'). hover (function () ($ (this) .addClass ('hover')), function () ($ (this) .removeClass ('hover'))) Това ще работи във всеки браузър за всеки елемент, за да "

Добавете Активен клас за навигация въз основа на URL - CSS-трикове

Добавете Активен клас за навигация въз основа на URL - CSS-трикове

В идеалния случай извеждате този клас от страна на сървъра, но ако не можете ... Да кажем, че имате навигация по следния начин: Начало За ​​клиентите Свържете се с нас И вие сте "

Размер на прозореца за преглед, Разделителна способност на екрана, Поставяне на мишката - CSS-трикове

Размер на прозореца за преглед, Разделителна способност на екрана, Поставяне на мишката - CSS-трикове

Този код е съвместим с различни браузъри и проверява размерите на прозореца за гледане, разделителната способност на екрана и позицията на мишката, което може да бъде много полезно за "

Маркер за броене на думи - CSS-трикове

Маркер за броене на думи - CSS-трикове

Добавете към лентата на отметките, изберете текст, щракнете върху него, за да получите броя на думите. Брой думи на отметки Брой думи <Плъзнете до лентата на отметките "

Подрязване на първите / последните знаци в низ - CSS-трикове

Подрязване на първите / последните знаци в низ - CSS-трикове

Премахнете последните четири знака var myString = "abcdefg"; var newString = myString.substr (0, myString.length-4); // newString вече е "abc" Премахване на първите две "