De jQuery JavaScript library voert vele complexe nog gemeenschappelijk scripts taken automatisch en snel, website ontwikkelaars en ontwerpers tijd en moeite besparen. De bronbestanden van de jQuery zitten buiten de HTML of CSS ontwerp van de website, meestal op dezelfde server, maar soms uit een bron van een andere leverancier. Een jQuery bibliotheek toevoegen aan een project van het websiteontwerp Adobe Dreamweaver door pagina's te koppelen aan het serverbestand dat de broncode bevat.
Open een nieuwe webpagina-document in Dreamweaver.
'Dit is een test' op het document typt, en markeer vervolgens de tekst met de muis. "JQueryTest" typt in het tekstvak ID onderaan in Dreamweaver een id-waarde toewijzen aan de tekst.
Klik op het tabblad Code van het document HTML-code weergeven. Zoek de < head > -tag in de code en plak de volgende tekst onder die tag:
< script type = ' text/javascript' src = "https://ajax.googleapis.com/
Ajax/libs/jQuery/1/jQuery.min.js">< / script >Deze code maakt jQuery beschikbaar in het Dreamweaver-document.
Plak de volgende JavaScript-code onder de code die u zojuist hebt toegevoegd:
$(functie () {}
$('#jQueryTest').fadeOut(5000);
});Dit is een eenvoudige jQuery animatie-functie, waarmee u kunt controleren of dat jQuery werkt. De functie verdwijnt de tekst die u hebt getypt wanneer de webpagina wordt geladen. Het effect van de fadeout neemt 5000 milliseconden.
Klik op het tabblad ontwerpen om terug te keren naar de ontwerpweergave. Klik op het tabblad van de Live Preview , die emuleert hoe de pagina eruitziet in een webbrowser. De tekst moet uitfaden in 5 seconden, verifiëren dat jQuery werkt. Voeg extra jQuery code desgewenst naar de webpagina.
- Niet vergeten dat geen JavaScript of jQuery code werkt als gebruikers JavaScript in hun browsers uitschakelen. Bij het maken van webtoepassingen, probeer te maken van alternatieve manieren om te behandelen kritieke functies zonder zich het baseren op JavaScript of jQuery alleen.
- Toegang tot een groot aantal jQuery scripts uit verschillende gratis, online Web ontwerp bibliotheken nuttige functies, widgets en grafische effecten toevoegen aan uw website of blog.