Introdução ao jQuery
Salve salve!
Se você esteve procurando por um framework em javascript, para te ajudar a lidar com crossbrowser e alguns probleminhas de longaaaaaas chamadas até localizar um objeto, acabou de encontrar, jQuery que tem como slogan “Write less, do more” que em português significa, “Escreva menos, faça mais”.
Com o jQuery é possível fazer animações de estilos CSS, acessar objetos independente do browser e aproveitar os widgets e plugins disponiveis para ele.
Vamos a um exemplo. Imagine que temos um campo de texto, chamado “usuario” e queremos pegar o valor dele…
Em html seria…
1 | <input type="text" id="usuario" value="teste"> |
e em JavaScript…
1 2 | var obj = document.getElementById('usuario'); alert(obj.value); |
Agora… vamos ver como fica em jQuery. Adicionamos a sua biblioteca através da tag “<script>” e começamos a mágica.
1 2 | <script language="javascript" src="jquery.js"></script> alert($("#usuario").val()); |
Uala! muito mais prático? Esse é o principal do jQuery, utilizar ‘$’ como ‘getElementById’ sem precisar checar browser etc, ele faz tudo por você, é super leve e dinâmico. Como você deve ter reparado, ele utiliza a mesma forma de seletores CSS para interações, ou seja é possível selecionar todos elementos de uma determinada classe apenas usando $(‘.classe’) além de outras formas, confira em jQuery Selectors. Com ele é possivel fazer toda maracutaia que você vê porai, como drag n drop, ordenar itens etc. Animações de classes além de uma vasta biblioteca de plugins, também recomendo uma busca pelo extjs + jQuery, é possível fazer coisas absurdas! por hoje é só! em breve explico como se anima um elemento e como ordenar items! Até a próxima!