jQuery Introduktion

jQuery-biblioteket kan tilføjes til en webside med et enkelt tegn.

jQuery-biblioteket - funktioner

jQuery er en JavaScript-funktionsbibliotek.

jQuery-biblioteket indeholder følgende funktioner:

  • HTML-elementvalg
  • HTML-elementoperationer
  • CSS-operationer
  • HTML-tilfældefunktioner
  • JavaScript-effekter og animationer
  • HTML DOM-søgning og ændring
  • AJAX
  • Funktioner

Tilføj jQuery-biblioteket til din side

jQuery biblioteket findes i en JavaScript-fil, som indeholder alle jQuery-funktioner.

jQuery kan tilføjes til en webside med følgende markering:

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

Bemærk, at <script>-tagget skal placeres i <head>-sektionen af siden.

Grundlæggende jQuery-eksempel

Følgende eksempel viser jQuery's hide() funktion, som skjuler alle <p>-elementer i HTML-dokumentet.

Eksempel

<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>Dette er en overskrift</h2>
<p>Dette er et afsnit.</p>
<p>Dette er en anden afsnit.</p>
<button type="button">Klik mig</button>
</body>
</html>

Prøv det selv

Download jQuery

Der er to versioner af jQuery tilgængelige til download: en er komprimeret, og den anden er ikke-komprimeret (til fejlfinding eller læsning).

Begge versioner kan downloades fra jQuery.com Download

Bibliotekstatistik

Google og Microsoft har begge godt støtte til jQuery.

Hvis du ikke ønsker at opbevare jQuery-biblioteket på din computer, kan du downloade CDN jQuery-kernefiler fra Google eller Microsoft.

Brug Googles CDN

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

Brug Microsofts CDN

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