jQuery introduction

jQuery-biblioteket kan läggas till på en webbsida med ett enkelt tecken.

jQuery-biblioteket - egenskaper

jQuery är en JavaScript-funktionsbibliotek.

jQuery-biblioteket innehåller följande egenskaper:

  • HTML-elementval
  • HTML-elementhantering
  • CSS-operering
  • HTML-evenadfunktioner
  • JavaScript-effekter och animationer
  • HTML DOM-besökning och ändring
  • AJAX
  • Verktyg

Lägg till jQuery-biblioteket på din sida

jQuery-biblioteket finns i en JavaScript-fil som innehåller alla jQuery-funktioner.

jQuery kan läggas till på webbsidan med följande märken:

<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

Observera att <script>-taggen bör placeras i sidans <head>-del.

Grundläggande jQuery-exempel

Nedan är ett exempel som visar hur jQuery:s hide() funktion döljer alla <p> element i HTML-dokumentet.

Exempel

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$("document").ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>Detta är en rubrik</h2>
<p>Detta är ett stycke.</p>
<p>Detta är en annan stycke.</p>
<button type="button">Klicka mig</button>
</body>
</html>

Prova själv

Ladda ner jQuery

Det finns två versioner av jQuery som kan laddas ner: en är komprimerad, och den andra är okomprimerad (för felsökning eller läsning).

Båda dessa versioner kan laddas ner från jQuery.com Ladda ner.

Bibliotekets ersättning

Google och Microsoft har bra stöd för jQuery.

Om du inte vill lagra jQuery-biblioteket på din dator kan du ladda ner CDN jQuery-kärnfilen från Google eller Microsoft.

Använd Googles CDN

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>

Använd Microsofts CDN

<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>