Desenvolvimento Livre no Kinect. jQuery: O que é e como usar? > JavaScript. Salve, Salve comunidade CodigoFonte.net! Hoje vou explicar um pouco sobre o que é a biblioteca jQuery. jQuery é uma excelente e leve biblioteca para desenvolvimento rápido de javascripts que interagem com sua página html, com ela podemos atribuir eventos, definir efeitos, alterar ou criar elementos na página, dentre diversas outras infinidades de ações.
Existem ainda vários plugins já feitos em jQuery que nos auxiliam em validações ou máscaras de formulário. Maravilha, não acham? E como usar o jQuery? Antes de tudo devemos baixar a versão da biblioteca, que pode ser uma compilada (mais leve) ou o fonte puro (um pouco maior). Leve - detail? Após baixarmos o jQuery, teremos que incluir a sua referência no cabeçalho da página html: Lembre-se que o caminho do arquivo e o nome do .js deve ser o mesmo que você utilizou quando salvou após ter baixado a biblioteca. Nosso primeiro comando com jQuery Documentação - E nosso código jQuery: []s. Tutorial - Por onde começar com a jQuery - 2km interativa! Configuração Para começar, nós precisamos de uma cópia da bliblioteca jQuery.
Ainda que a versão mais recente possa ser encontrada aqui, este guia fornece um pacote básico que você poderá baixar. Kit para começar com a jQuery Faça o download deste arquivo e extraia o seu conteúdo. Abra o starterkit.html e o custom.js com o seu editor preferido e o starterkit.html com o navegador. Agora nós temos tudo o que precisamos para inciar o notório exemplo do "Alô mundo". Links interessantes para este capítulo: Olá jQuery Como quase tudo o que fazemos quando estamos utilizando o jQuery lê ou manipula um modelo de objeto de documento (DOM), precisamos nos certificar que começamos adicionado eventos etc tão logo o DOM esteja pronto. Para fazer isso, nós registramos o evento ready (pronto) para o documento. $(document).ready(function() { // faça alguma coisa quando o DOM estiver pronto }); Colocar um alert nesta função não faz muito sentido, pois o alert não requer que o DOM esteja carregado. Próximos passos. Demo::Akordeon-A Stylo Modern jQuery Accordion Plugin.
jQuery Credit Card Format Valiation Plugin: Smart Validate. Smart Validate is a jQuery credit card validation plugin, that makes credit card format validation a simple task. It ensures that user has entered valid credit card number before making actual transaction. Smart Validate supports the following credit cards. American ExpressMaster CardVisa CardDiners ClubDiscover The plugin can be easily extended to support other credit card types.
Using Smart Validate In your HTML file add the following in the head section. Add a reference to latest jQuery scriptAdd a reference to ccvalidate.js fileAdd a reference to ccvalidate.css file Add the code below to your HTML document or use classes “cc-ddl-type”, “cc-card-number” and “cc-checkout” to existing elements. Smart Validate plugin has only one parameter that is a callback function to be called, that returns a boolean value indicating whether the credit card number is in valid format or not. Here is the full code for the example above. A Credit Card Validation jQuery Plugin. 150 impressionantes coleções de Efeitos jQuery de 2012 á 2013 – Site para Empresas – Blog sobre Internet e Criação de Site.
A Site para Empresas busca sempre ajudar os desenvolvedores e reunimos neste artigo nossa coleções de efeitos jQuery. Eu estou muito certo de que este pode lhe poupar tempo a encontrar a solução certa para seus projetos web. Poucos anos atrás Flash foi a tecnologia usada por muitos web designers, mas agora sua vez efeitos de jQuery para adicionar animação, interatividade, caixa de luz, galeria de imagens, efeitos de tabulação, flip-in, zoom-in efeitos em fotos, panorâmica, Slider e muitos mais para um site. jQuery é um dos frameworks JavaScript mais populares, com ferramentas poderosas que melhora a interação do usuário e ajuda os desenvolvedores a escrever código e desenvolver produtos mais rapidamente. jQuery trabalha em aspectos difíceis como o suporte ao navegador ao utilizar jQuery. No post de hoje, este são publicados 120 impressionantes coleções de Efeitos jQuery A partir de 2012 para você, esperamos que você goste. 01.
CSS3-Powered Galeria de Imagens jQuery 02. 03. 04. 06. 07. 9. 150 impressionantes coleções de Efeitos jQuery de 2012 á 2013 – Site para Empresas – Blog sobre Internet e Criação de Site.