it outsourcing, web programming, emarketing, econsulting, it consultant, internet consultant, we knows all about internet

September 09, 2010

.net acces Ajax Ajuntament ASP asp.net c# css CSS2 Enterprise export globaria google gridview hibernate mapping hotel jquery linux mallorca Mamacarter Maquetación massimo estudio melia mysql Php Planeta Web SEO share files trivia XHTML

Contact us

If you have any doubt or suggestion, you may contact us with the next form:

This field is required.

Please enter a valid email.

How did you hear about us? Google Other Advertising Friend's recomendation Third party site Yahoo Comment

This field is required.

Javascript potential and its enhacement by web 2.0 revolution has made lot of js frameworks appear to allow us create the same scripts in a more easy and intuitive way.

Among all available frameworks, Jquery is my choice, for its simple syntax and as their slogan says "Write less, do more".

But you'll want to know why you have to choose among all the other frameworks available.

There are three things that stand it out from the rest:

Compatibilidad Cross Browser, jQuery developers have standardized on their core inconsistencies between browsers, which allows us to concentrate on our own code.

Css Selectors.Something very useful for those who work with cssstylesheets is to use the same syntax to select html elements from the document.

Chainning: Each time you use a Jquery method, this method returns the jQuery object so it's not necessary to have to call it again. We chained methods.

Hoy voy a comenzar a presentarles Jquery, con un pequeño tutorial bien basico y con un listado de recursos para quienes quieran seguir adentrandose en este mundo.

We first have to download the latest version. In this case it is 1.3.1, we will download it from google code: Click aqui para descargar.

Once you have it we will create a HTML page wich we are going to name testjquery1.html

Within the head tags and bellow link tags we are going to add a script tag to include the js that we have recently downloaded.

Once this is done we will add the Ready event to make the magic in there.

Now suppose we want to modify the contents of a div when the user clicks on an a element. Now let's see how this is done in the jQuery manner.

  Here I will leave some interesting resources.

Tutorial de Jquery (jquery.com)
Tutorial Basico de Jquery (CristalLab)
15 Recursos para empezar Jquery desde Cero (NETTUTs en ingles)
Presentacion de la Libreria Jquery (The Web Squeeze en ingles)

Tags: jquery, tutorial, guide, scratch

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Add comment
Write your comment
This field is required.	Please enter a valid email.
Comment This field is required.
Security code:	Enter code: