jQuery är ett lätt JavaScript-bibliotek som gör det lättare att använda JavaScript på webbsidan.

Du kan utföra din åtgärd i mindre kod jämfört med JavaScript.

detta gör det enklare att manipulera HTML-dokument, traversera, händelsehantering och utföra Ajax begäran.

kompatibel med de flesta webbläsare och stöder CSS3 väljare för att hitta och stil egendom manipulation.,

innehåll

  1. ladda ner och inkludera
  2. initiera
  3. extern fil
  4. slutsats

1. Hämta och inkludera

  • navigera till jQuery officiella hemsida.
  • biblioteket är tillgängligt i två versioner – komprimerat och okomprimerat. Den komprimerade har mindre storlek jämfört med okomprimerad eftersom den inte har extra vita utrymmen och kommentarer. Den okomprimerade versionen är läsbar och lättare att felsöka.
  • hämta den komprimerade versionen.,
  • använd<script > för att inkludera bibliotek i HTML antingen i<head> eller<body>.
<script src='https://makitweb.com/embed-jquery-html-page/jquery-3.2.1.min.js'></script>
  • Du kan också använda den tillgängliga CDN för att inkludera biblioteket.

Google CDN

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Microsoft CDN

<script src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js'></script>

2. Initiera

på webbsidan Skriv din jQuery-kod i document ready-tillståndet i <script > – taggen.

exempel

i exemplet använde jag CDN-bibliotek och definierade klickhändelse på knappen., Klicka på Ändra värde för textrutelementet.

utgång

klicka på knappen.

3. Extern fil

  • skapa en nyscript.js – fil och lägg ovanstående skript på den.
  • inkluderascript.js efter jQuery-biblioteket.

script.JS

$(document).ready(function(){ $('#button').click(function(){ $('#txt1').val("Button clicked"); });});

index.html

utgång

klicka på knappen.

4. Slutsats

Du kan antingen använda den externa jQuery biblioteket eller CDN-versionen för att inkludera skriptet.,

om du har skapat ett externt skript och använder jQuery på det måste det inkluderas efter jQuery library script annars skulle det inte fungera och generera felet.

om du hittade den här handledningen till hjälp, glöm inte att dela.

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *