Partes de codigo 2025, Janeiro

Definir / limpar valor de entrada padrão - CSS-Tricks

$ ('. valor-padrão'). each (function () (var default_value = this.value; $ (this) .focus (function () (if (this.value == default_value) (this.value = '' ;))); "

Serializar formulário para JSON - CSS-Tricks

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

Selecione o item da lista apenas se não contiver outra lista (e for de nível superior) - CSS-Tricks

Sei que isso é bastante específico, mas tive que escrever este seletor antes para corrigir um problema e usei jQuery porque o seletor é bastante avançado "

Selecione o elemento apenas se os filhos não estiverem animados - CSS-Tricks

Var myChildrenBehave = $ (". element"). filter (function () (vartered = $ (this) .children (). not (": animated"); return filtrado;)); Isso seleciona o elemento "

Execute o JavaScript somente após o carregamento da página inteira - CSS-Tricks

$ (window) .bind ("load", function () (// codifique aqui)); "

Pesquisar / substituir - CSS-Tricks

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

Atualização parcial da página - CSS-Tricks

Atualizar certos elementos de uma página usando jQuery após um determinado período de tempo, pode ser usado com qualquer elemento com um ID. Eu alterei o exemplo dado com o "

Remover valor específico da matriz - CSS-Tricks

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

Tornar toda a div clicável - CSS-Tricks

Atualização de novembro de 2020: acho que a melhor técnica possível para isso é o Método 4 neste artigo. O

(ou qualquer elemento de invólucro) permanece "

Cabeçalhos persistentes em tabelas - CSS-Tricks

Quando você rola para baixo uma página com uma longa mesa, normalmente o cabeçalho da tabela rola e se torna inútil. Este código clona o cabeçalho da tabela "

Colar eventos - CSS-Tricks

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

Força da senha - CSS-Tricks

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

Mover os itens da lista clicada para o topo da lista - CSS-Tricks

Assumindo HTML como este: um dois três Então, se "Dois" for clicado, mova-o para o topo da lista. $ ("li"). click (function () ("

Abrir links externos em uma nova janela - CSS-Tricks

$ ('a'). each (function () (var a = new RegExp ('/' + window.location.host + '/'); if (! a.test (this.href)) ($ (this ) .clique (função (evento) ("

Mover o cursor para o fim da área de texto ou entrada - CSS-Tricks

Código para mover o cursor para o final do texto atual na entrada, em vez do padrão (destacando o texto). Formato de plugin "

OuterHTML jQuery Plugin - CSS-Tricks

InnerHTML () é nativo e retorna o conteúdo de um nó DOM (por exemplo, eu moro dentro de uma div .. outerHTML () não é, o que incluiria o nó DOM atual "

Make jQuery: contém insensível a maiúsculas e minúsculas - CSS-Tricks

NOVO seletor jQuery.expr.Contains = function (a, i, m) (return jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // SOBRESCRITO antigo "

Um equivalente a jQuery hasAttr () - CSS-Tricks

JQuery realmente não tem uma função .hasAttr (). Você pode supor que sim, mas, infelizmente, não. Um thread StackOverflow tem alguns bons "

Carregar apenas uma seção de uma página - CSS-Tricks

Caso de uso Você deseja carregar com AJAX uma seção de outra página do seu site na página atual. Digamos que seu sistema CMS de comércio eletrônico crie um menu dinâmico de "

Rolar a página horizontalmente com a roda do mouse - CSS-Tricks

1) Carregue o jQuery e o plugin do Mouse Wheel O plugin do Mouse Wheel está aqui. 2) Anexar evento da roda do mouse ao corpo O "30" representa a velocidade. preventDefault garante "

Carregar jQuery somente se não estiver presente - CSS-Tricks

Digamos que você fosse incluir um monte de páginas e, dentro desse include, você queria fazer algumas coisas específicas do jQuery. Essa página pode ou "

Carregando jQuery - CSS-Tricks

Carregar com o Google API Direct Link para o Google Verifique se carregado, carregue somente se não carregado var jQueryScriptOutputted = false; function initJQuery () (// se o "

Código Konami - CSS-Tricks

Var kkeys = (), konami = "38,38,40,40,37,39,37,39,66,65"; $ (documento) .keydown (função (e) (kkeys.push (e.keyCode); if (kkeys.toString (). indexOf (konami "

Rodapé adesivo jQuery - CSS-Tricks

Em geral, o CSS Sticky Footer é a melhor opção, já que funciona perfeitamente e não requer JavaScript. Se a marcação necessária simplesmente não for "

JQuery Zebra Stripe a Table - CSS-Tricks

$ ("tr: ímpar"). addClass ("ímpar"); Em seguida, use algum CSS: .odd (background: #ccc;) "

Link Nudging - CSS-Tricks

$ ("a"). hover (function () ($ (this) .stop (). animate ((paddingLeft: "10px"), 200);), function () ($ (this) .stop (). animate ((paddingLeft: "0px"), 200);)); Faço"

Mantenha as entradas de texto sincronizadas - CSS-Tricks

Var $ inputs = $ (". exemplo de entrada"); $ inputs.keyup (function () ($ inputs.val ($ (this) .val ());)); Exemplo"

JQuery Tweetify Text - CSS-Tricks

Função $ .fn.tweetify = function () (this.each (function () ($ (this) .html ($ (this) .html () "

Modelo de plugin jQuery - CSS-Tricks

Substitua as instâncias de "yourPluginName" pelo nome real do plugin. O material sobre "radius" é apenas um exemplo de uma opção (parâmetro para passar o plugin). "

JQuery JSON ficando com erro de captura - CSS-Tricks

JQuery tem uma função integrada chamada getJSON () para ajudar a tornar as solicitações AJAX para dados JSON mais fáceis. Normalmente funciona bem, mas se essa função obtiver "