Commençons par un exemple simple !

Écrivez le fichier suivant exemple1.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"> 
		<title>exemple1</title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
		<script src="exemple1.js"></script>
	</head>
	<body>
		<h1>Ceci est un titre</h1>
		<p>bla bla bla</p>
	</body>
</html>

Écrivez le fichier suivant exemple1.js

alert("Le js est bien chargé");
$(document).ready(function()
{
	$('h1').click(function()
		{
			$('p').text('Bonjour!');
			$('p').css('color','red');
		});
});

Ouvrez la page exemple1.html dans votre navigateur.
Vous devrez voir s'afficher un dialogue "Le js est bien chargé".
Si ce n'est pas le cas, c'est que votre fichier JavaScript n'a pas été correctement chargé.

Une fois que c'est OK, supprimez la ligne "
alert("Le js est bien chargé");

Ensuite cliquez sur "Ceci est un titre".
Le texte doit changer et devenir rouge.