Partes de codigo 2025, Janeiro

Desativar / reativar entradas - CSS-Tricks

Desativar / reativar entradas - CSS-Tricks

Desativar: $ ("# submit-button"). Attr ("disabled", true); Reative: $ ("# submit-button"). RemoveAttr ("disabled"); "

Desativar links pai na navegação de lista aninhada - CSS-Tricks

Desativar links pai na navegação de lista aninhada - CSS-Tricks

Código jQuery que desabilita links pai para menus suspensos. O menu deve ser construído como listas aninhadas e o link pai está desativado. Isso ajuda"

Detectar primeiro elemento visível de determinada classe - CSS-Tricks

Detectar primeiro elemento visível de determinada classe - CSS-Tricks

Adiciona uma classe de "primeiro" ao primeiro elemento que possui uma classe de "atividade" que é visível na janela do navegador. $ (janela) .scroll (function () (var "

Percorrer uma lista - CSS-Tricks

Percorrer uma lista - CSS-Tricks

Este código percorrerá uma lista não ordenada com um ID de 'lista de ciclistas'. Pode ser usado em qualquer elemento com crianças. Substitua "ul # cyclelist li" pelo "

Compare objetos jQuery - CSS-Tricks

Compare objetos jQuery - CSS-Tricks

Você não pode realmente comparar se dois objetos jQuery são iguais ... if ($ (selectionOne) === $ (selectionTwo)) () Você pode comparar objetos DOM embora ... if "

Combine funções de slide e fade - CSS-Tricks

Combine funções de slide e fade - CSS-Tricks

$ .fn.slideFadeToggle = function (speed, easing, callback) (return this.animate ((opacity: 'toggle', height: 'toggle'), speed, easing, callback);); Uso"

Clique uma vez e Desvincular - CSS-Tricks

Clique uma vez e Desvincular - CSS-Tricks

Faça algo acontecer em um evento de clique, mas apenas uma vez! Desvincule o manipulador de cliques após o elemento ter sido clicado uma vez. $ ('# meu-seletor'). bind ('click', "

Limpar string de pesquisa padrão no foco - CSS-Tricks

Limpar string de pesquisa padrão no foco - CSS-Tricks

$ ("# s") .val ("Pesquisar ...") .css ("color", "#ccc") .focus (function () ($ (this) .css ("color", "black" ); if ($ (this) .val () == "Pesquisar ...") ($ (this) .val ("");) "

Limpar uma entrada de arquivo - CSS-Tricks

Limpar uma entrada de arquivo - CSS-Tricks

Você pode simplesmente cloná-lo e substituí-lo por ele mesmo, com todos os eventos ainda anexados. var input = $ ("# control"); function something_happens () ("

Verifique se o jQuery está carregado - CSS-Tricks

Verifique se o jQuery está carregado - CSS-Tricks

If (typeof jQuery == 'undefined') (// jQuery NÃO ESTÁ carregado, faça coisas aqui.) "

Verifique se o evento foi disparado ou nativo - CSS-Tricks

Verifique se o evento foi disparado ou nativo - CSS-Tricks

$ ('botão'). click (function (event, wasTriggered) (if (wasTriggered) (alert ('disparado no código');) else (alert ('disparado pelo mouse');))); "

Verifique se o elemento existe - CSS-Tricks

Verifique se o elemento existe - CSS-Tricks

If ($ ('# myElement'). length> 0) (// ele existe) Ou para torná-lo uma função sofisticada com um retorno de chamada: // Tiny jQuery Plugin // por Chris Goodchild $ .fn.exists = "

Verifique se a caixa de seleção está marcada - CSS-Tricks

Verifique se a caixa de seleção está marcada - CSS-Tricks

Diga isso 10 vezes rápido =). Descubra se uma única caixa de seleção está marcada ou não, retorna verdadeiro ou falso: $ ('# checkBox'). Attr ('verificado'); Encontre todos verificados "

Alterar WMode com jQuery - CSS-Tricks

Alterar WMode com jQuery - CSS-Tricks

Se você não definir o wmode em um flash embutido, ele flutuará sobre uma sobreposição, o que pode ser um grande negócio. Isso é ideal em um ambiente com "

Detecção de navegador + Aplicar classes ao elemento HTML - CSS-Tricks

Detecção de navegador + Aplicar classes ao elemento HTML - CSS-Tricks

JQBrowser v0.2: http://davecardwell.co.uk/javascript/jquery/plugins/jquery-browserdetect/ eval (função (p, a, c, k, e, d) (e = função (c) (retornar (c "

Verifique se há elementos vazios - CSS-Tricks

Verifique se há elementos vazios - CSS-Tricks

Faça algo para cada elemento vazio encontrado: $ ('*'). Each (function () (if ($ (this) .text () == "") (// Do Something))); TRUE ou FALSE se o elemento estiver vazio: "

Melhor tratamento de imagem quebrada - CSS-Tricks

Melhor tratamento de imagem quebrada - CSS-Tricks

As imagens ausentes não exibirão nada ou exibirão uma caixa de estilo quando sua fonte não puder ser encontrada. Em vez disso, você pode substituir isso por um "

Calcule a distância entre o mouse e o elemento - CSS-Tricks

Calcule a distância entre o mouse e o elemento - CSS-Tricks

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

Anexar sobreposição de site DIV - CSS-Tricks

Anexar sobreposição de site DIV - CSS-Tricks

$ (function () (var docHeight = $ (document) .height (); $ ("body"). append (""); $ ("# overlay") .height (docHeight) .css (('opacity' : 0,4, 'posição': "

Descubra links de documentos e aplique aula automaticamente - CSS-Tricks

Descubra links de documentos e aplique aula automaticamente - CSS-Tricks

$ ('a'). each (function () (if ((C = $ (this) .attr ('href'). match (/ (doc | xls | pdf) $ /))) ($ (this) .addClass (C);))); Isso examinará cada elemento do "

Adicionar espaço ininterrupto no título para evitar viúvas - CSS-Tricks

Adicionar espaço ininterrupto no título para evitar viúvas - CSS-Tricks

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

Animar Altura / Largura para "Auto" - CSS-Tricks

Animar Altura / Largura para "Auto" - CSS-Tricks

Não é possível fazer thing.animate (("height": "auto")) ;. Portanto, este é o método de Darcy Clarke para permitir que isso funcione. Você basicamente clona o elemento, "

Adicionar: enésimo-tipo ao jQuery - CSS-Tricks

Adicionar: enésimo-tipo ao jQuery - CSS-Tricks

$ .expr = function (elem, i, match) (var parts = match.split ("+"); return (i + 1 - (parts || 0))% parseInt (parts, 10) === 0; ); Veja o artigo original "

Unescape HTML em JS - CSS-Tricks

Unescape HTML em JS - CSS-Tricks

Function htmlDecode (input) (var e = document.createElement ('div'); e.innerHTML = input; return e.childNodes.length === 0? "": e.childNodes.nodeValue;) "

Adicionando / removendo classe ao passar o mouse - CSS-Tricks

Adicionando / removendo classe ao passar o mouse - CSS-Tricks

$ ('# elm'). hover (function () ($ (this) .addClass ('hover')), function () ($ (this) .removeClass ('hover'))) Isso funcionará em qualquer navegador em qualquer elemento, para "

Adicionar classe de navegação ativa com base na URL - CSS-Tricks

Adicionar classe de navegação ativa com base na URL - CSS-Tricks

O ideal é que você produza esta classe do lado do servidor, mas se você não puder ... Digamos que você tenha uma navegação como esta: Home Sobre Clientes Fale Conosco E você é "

Tamanho da janela de visualização, resolução da tela, posição do mouse - CSS-Tricks

Tamanho da janela de visualização, resolução da tela, posição do mouse - CSS-Tricks

Este código é compatível com vários navegadores e verifica as dimensões da janela de visualização, a resolução da tela e a posição do mouse, o que pode ser bastante útil para "

Bookmarklet de contagem de palavras - CSS-Tricks

Bookmarklet de contagem de palavras - CSS-Tricks

Adicione à barra de favoritos, selecione o texto e clique nele para obter a contagem de palavras. Contar palavras Bookmarklet Contar palavras

Aparar primeiro / último caracteres na string - CSS-Tricks

Aparar primeiro / último caracteres na string - CSS-Tricks

Remova os últimos quatro caracteres var myString = "abcdefg"; var newString = myString.substr (0, myString.length-4); // newString agora é "abc" Remova os dois primeiros "