Jeg antager, at vi ved, hvad jQuery er. Nå at børste det op, "jQuery er et JavaScript-bibliotek, der gør vores liv nemmere" 
. Jeg kan lide at definere den måde. Ok, nu i dette indlæg, jeg skal nok vise dig, hvordan du kan få tingene i gang for jQuery. Som du kan læse denne blog, er det indlysende, at du har en internetforbindelse og selvfølgelig du bruger en browser. Så lad os bare prøve en stump kode før efter lang. Inden da lad os se hvad vi har brug for at
- jQuery Library (download fra http://jqueryjs.googlecode.com/files/jquery-1.2.6.js ) Dette er den nuværende version, når jeg skriver posten.
- En moderne browser (IE 6,0 +, FF 2 +, Safari 2,0 +, Opera 9,0 +) aktiveret med javascript.
- Og en tekst editor (min Fav er Notepad + +)
Jeg formoder, at vi alle ved, hvordan en grundlæggende HTML-side se ud. Vi vil bare køre et simpelt stykke kode tilføjer jQuery bibliotek
Nu, blot kopiere og indsætte ovenstående kode, og gemme det kalder "jQuery-test.html".
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1,0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title> Min Jquery Legeplads </ title>
<script src="jquery-1.2.6.js" type="text/javascript"> </ script>
<script type="text/javascrpt">
$ (Document). Klar (function () {
alert ("Muhahaha");
});
</ Script>
</ Head>
<body>
</ Body>
</ Html>
Og nu kan du køre koden ved at dobbeltklikke på den fil, du netop har oprettet. Har du har klikket? og kan du se latter ("Muhahaha")? Hvis ja, så har vi netop begyndt at bruge jQuery.
Nu tror jeg vi har brug for lidt af en forklaring på, hvad vi gjorde i ovenstående kode.
Først har vi startet med et meget grundlæggende HTML skabelon
For det andet, vi bare tilføjet jQuery javascript biblioteket med
<script type="text/javascrpt" src=" jquery-1.2.6.js"> </ script>
Og så skrev vi en javascript blok
<script type="text/javascrpt">
$ (Document). Klar (function () {
alert ("Muhahaha");
});
</ Script>
hvad gjorde det? godt, $ (document) klar (function () {.. blah blah});. betyder execute "blah blah" kode, når side (dokument) belastninger. Måske skriver
$ (Function () {
alert ("Muhahaha");
});
ville gøre det samme.
EASY, hva?
Så du er lige kommet i gang med jQuery. Se de andre stillinger for lidt sjovere & magi.
For mere læsning, kan du besøge jquery.com site.
Seneste kommentarer