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
- ladda ner och inkludera
- initiera
- extern fil
- 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 ny
script.js
– fil och lägg ovanstående skript på den. - inkludera
script.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.