1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

jquery exercices corrigés

abdelouafiNov 29, 2017

    1. abdelouafi

      abdelouafi Administrator Staff Member

      Messages:
      399
      Likes Received:
      9
      Trophy Points:
      18
      Joined
      Sep 13, 2016
      Soit le document suivant :

      Code:
      <!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=utf-8" />
      
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
      
      
      <title>Mon premier test jQuery</title>
      
      </head>
      
      <body>
      
      <a href="exam-lib.com">texte</a>
      
      <div id="test"> Salut tout le monde !</div>
      
      <h1>Premier pas avec jQuery</h1>
      
      <p>Un peu de texte pour ne rien dire</p>
      
      <a href="http://artcompix.com">un lien pour tester</a>
      
      </body>
      
      </html>

      1. En utilisant Jquery, modifier le contenu de la balise <p> par le texte suivant : « Le DOM est chargé, notre premier test. » ?

      2. Ajouter au texte précédent, la phrase « ceci est le deuxième texte »

      3. Afficher l’ancre du lien <a> dans une boite de dialogue ?

      4. Remplacez le texte « Salut tout le monde ! » par « salut les amis » ?

      5. Remplacez le texte « Salut tout le monde ! » par le titre de la page ?

      6. Afficher le texte suivant « apres le div » après la balise <div id="test"> Salut tout le monde !</div>
       
      Last edited: Nov 29, 2017
      Loading...
      1-

      Code:
      <script type="text/javascript">
      
      $(document).ready(function() {
      
        $("p").text("Le DOM est chargé, le test peut commencer...");
      
      });</script>
      2-

      Code:
      <script type="text/javascript">
      
      $(document).ready(function() {
      
        $("p").append("<h3>Le DOM est chargé, le test peut commencer...</h3>");
      
      });
      
      </script>

      3-alert($("a").html());

      4-
      Code:
      <script type="text/javascript">
      
        //$('body').html('Hello World');
      
          $('#id').html('salut les amis');
      
        </script>
      5- $('#id').html($('title').html());

      6- $('#id').after('ceci est after la balise div');

Share This Page

Share