jQuery é uma biblioteca JavaScript poderosa que permite criar funções JavaScript complexos com um mínimo de código. Usando o sistema de seletor jQuery é fácil de fazer referência a qualquer elemento em uma página HTML, e , em seguida, ler ou alterar o seu valor. Por exemplo, você pode se referir a um elemento de referência pelo seu id, ou usando o valor do atributo nome. Você pode usar isso para executar a validação em um elemento de formulário , ou para ler um valor inserido usuário para uso em um cálculo ou similar. Instruções
1
Abra um navegador da Web e vá para a página inicial do jQuery ( jquery.com ) . Clique na caixa de seleção ao lado de " Produção" no canto superior direito da página inicial e clique no botão "Download " . Isso vai baixar a versão de produção da biblioteca jQuery , que é comprimido e minified para um tamanho menor de arquivo e tempo de carregamento mais rápido. Salve o arquivo baixado para um diretório chamado " jquery " no diretório raiz do seu site.
2
Abra um editor de texto ou aplicação web design e criar uma nova página HTML. Adicione o seguinte código entre o "
" HTML " e " tags .
< Tipo de script = "text /javascript " src = " /jquery/jquery-1.6.2 . min.js ">
Este código carrega a biblioteca jQuery para uso na página. Alterar o número de versão no final do nome do arquivo para coincidir com a versão que você baixou , como novas versões são lançadas com freqüência.
3
Adicione o seguinte código para a sua página , entre o HTML "
"e" "tags .
Isso adiciona um formulário para a sua página, contendo uma área de texto HTML chamado " myTextArea , " e um botão de HTML , o que desencadeia o código para obter o conteúdo da área de texto quando clicado.
4
Adicione o seguinte código para a marca de entrada HTML usado para criar o botão , após o atributo valor e antes da tag de fechamento
onclick = " alert ( $ (' textarea [name = myTextArea ]') val (). ); " .
Este usa o código jQuery "$ ( ' textarea [name = myTextArea ] ') . val () " para ler o conteúdo da área de texto , que tem um atributo de nome contendo" myTextArea ". Usando essa sintaxe permite fazer referência a qualquer elemento HTML usando seu nome. A função val () diz jQuery para ler o valor do elemento selecionado , que lê qualquer texto digitado pelo usuário. O código jQuery é envolvido com um " alert () " função JavaScript para exibir o valor da área de texto em uma caixa de alerta quando o botão é clicado.
5
Salve a página como " exemplo.htm " e fazer o upload para o seu servidor web. Abra um navegador da Web e vá para a página exemplo.htm em seu servidor . Digite algum texto na área de texto e , em seguida, clique no botão "Exibir". Uma caixa de alerta aparecerá , contendo o texto que você digitou na área de texto.