Le blog du pangolin

Accueil > Programmation > javascript > Le frameword jQuery - 1 > introduction, les sélecteurs

Le frameword jQuery - 1 > introduction, les sélecteurs

samedi 5 février 2011, par Super Pangolin

Parmi le nombre de framework javascript existant, jQuery est celui que j’ai retenu, par la richesse de son contenu, sa facilité d’utilisation, sa puissance et le nombre impressionnant de plugins disponibles sur internet. De plus la partie interface, jQueryUI est indispensable pour quelqu’un comme moi qui est nul en interfaces graphiques.

Après avoir chargé la dernière version de jquery sur jquery, on le l’inclut dans le header de notre page :

<script type="text/javascript" src="chemin/jquery-version.js"></script>

Tout d’abord, sélectionnons un élément de notre page (un div par exemple) d’id "monDiv". On accède directement à l’objet DOM correspondant par la fonction $ et son "nom DOM" :

$("#monDiv")

Voici quelques éléments html qui vont servir pour les exemples :

<div id="monDiv" class="test" style="background-color:red;width:100px; height:100px;"></div>
<input type="text" name="monInputText" id="monInputText" />
<input type="text" name="monInputText2" id="monInputText" />


Un message, un commentaire ?

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.