Exercice jquery debutant | Exam-Lib
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Exercice jquery debutant

abdelouafiNov 29, 2017

    1. abdelouafi

      abdelouafi Administrator Staff Member

      Messages:
      815
      Likes Received:
      14
      Trophy Points:
      18
      Joined
      Sep 13, 2016
      Voici des exercices Jquery pour les débutants:

      1. Comment créer les objets jquery ?

      2. Donnez la fonction qui renvoie un objet contenant tous les « div » du document ?

      3. Cachez tous les « div » du document ?

      4. Donnez le script pour attendre le chargement de la page ?

      5. Donnez les abréviations des fonctions suivant : jquery() et $(document).ready(function(){….})

      6. Donnez le nombre de Div dans la page ?

      7. Donnez la balise qui renvoie tous les balises de la page HTML ?

      8. Soit le code suivant : <span id="test">JL</span>

      En utilisant Jquery, récupérer l’id « test » ?

      9. Soit la classe « test » suivante : <ul class="test">JL</ul>


      En utilisant Jquery, récupérer la classe « test » ?

      10. Sélectionnez tous les divs de classe main ?

      11. Sélectionnez tous les tableaux d'identifiant data ?

      12. Sélectionnez les objets d'id "content" ou de classe "menu" ?

      13. Rechercher et afficher les paragraphes « p » contenant des objets avec classe header ?

       
      Last edited: Nov 29, 2017
      Loading...

      Merci de partager ce post sur facebook

      Réponses :

      1-Les objets Jquery se créent en utilisant la fonction jquery() abrégée en $()

      2-$(’’div’’)

      3-$(‘’div’’).hide()

      4-

      Code:
      <script>
      
      
          $(document).ready(function(){
      
      ……………………..
      
      })
      
      </script>
      5- jquery() en $()

      $(document).ready(function(){…..}) en $(function(){…..})

      6- $(‘div’).length

      7- $(‘*’)

      8- $(‘#test’)

      9- $(‘.test’)


      10- $(‘div.main’)

      11- $(‘table.#data’)

      12- $(‘#content,.menu’)

      13- $(‘p’).find.(‘.header’).show() ; ou $(‘.header’,’$(‘p’)’).show() ;

Share This Page

Share