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

Вимкнути / ввімкнути входи - CSS-хитрощі

Вимкнути / ввімкнути входи - CSS-хитрощі

Вимкнути: $ ("# submit-button"). Attr ("вимкнено", правда); Повторно ввімкнути: $ ("# submit-button"). RemoveAttr ("disabled"); "

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

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

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

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

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

Додає клас "перший" до першого елемента, який має клас "активності", який видно у вікні браузера. $ (вікно) .scroll (function () (var "

Перейти по списку - CSS-хитрощі

Перейти по списку - CSS-хитрощі

Цей код буде циклічно переглядати невпорядкований список із ідентифікатором "списку циклів". Може використовуватися на будь-яких елементах з дітьми. Замініть "ul # cyclelist li" на "

Порівняйте jQuery Objects - CSS-хитрощі

Порівняйте jQuery Objects - CSS-хитрощі

Ви не можете по-справжньому порівняти, якщо два об'єкти jQuery однакові ... if ($ (selectionOne) === $ (selectionTwo)) () Ви можете порівняти об'єкти DOM, хоча ... if "

Клацніть один раз і скасувати - 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-хитрощі

$ ('button'). click (function (event, wasTriggered) (if (wasTriggered) (alert ('triggered in code');) else (alert ('interggered by mouse');))); "

Перевірте, чи існує елемент - CSS-хитрощі

Перевірте, чи існує елемент - CSS-хитрощі

If ($ ('# myElement'). length> 0) (// він існує) Або, щоб зробити його вигадливою функцією із зворотним викликом: // Tiny jQuery Plugin // by Chris Goodchild $ .fn.exists = "

Перевірте, чи встановлено прапорець - CSS-хитрощі

Перевірте, чи встановлено прапорець - CSS-хитрощі

Скажімо, що в 10 разів швидше =). З’ясуйте, чи встановлений прапорець, чи повертає значення true чи false: $ ('# checkBox'). Attr ('check'); Знайти все позначене "

Змінення режиму WM за допомогою jQuery - CSS-хитрощі

Змінення режиму WM за допомогою jQuery - CSS-хитрощі

Якщо ви не встановите wmode для флеш-вбудування, він буде плавати над верхнім накладанням, що може бути досить великою справою. Це ідеально в середовищі з "

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

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

JQBrowser v0.2: http://davecardwell.co.uk/javascript/jquery/plugins/jquery-browserdetect/ eval (function (p, a, c, k, e, d) (e = function (c) (повернення (c "

Перевірте наявність порожніх елементів - CSS-хитрощі

Перевірте наявність порожніх елементів - CSS-хитрощі

Зробіть щось для кожного порожнього знайденого елемента: $ ('*'). Each (function () (if ($ (this) .text () == "") (// Зроби щось))); TRUE або FALSE, якщо елемент порожній: "

Краща обробка зображень з розбитими зображеннями CSS-хитрощі

Краща обробка зображень з розбитими зображеннями CSS-хитрощі

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

Розрахувати відстань між мишею та елементом - CSS-хитрощі

Розрахувати відстань між мишею та елементом - CSS-хитрощі

(function () (var mX, mY, distance, $ distance = $ ('# span distance'), $ element = $ ('# element'); function calcuDistance (elem, mouseX, mouseY) (return "

Додати додаток DIV - CSS-хитрощі

Додати додаток DIV - CSS-хитрощі

$ (function () (var docHeight = $ (document) .height (); $ ("body"). append (""); $ ("# overlay") .height (docHeight) .css (('opacity' : 0.4, 'position': "

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

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

$ ('a'). each (function () (if ((C = $ (this) .attr ('href'). match (/ (doc | xls | pdf) $ /))) ($ (this) .addClass (C);))); Це буде переглядати кожен елемент на "

Додайте нерозривний простір на заголовку для запобігання вдів - CSS-хитрощі

Додайте нерозривний простір на заголовку для запобігання вдів - CSS-хитрощі

$ ("h2"). each (function () (var wordArray = $ (this) .text (). split (""); var finalTitle = ""; for (i = 0; i "

Анімувати висоту / ширину до "Авто" - CSS-хитрощі

Анімувати висоту / ширину до "Авто" - 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 (input) (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" Видалити перші два "