Correction TP1 jQuery

Objectifs

• Etre capable de manipuler jQuery.

Exercice 01

1. Énoncé

   Vous pouvez visualiser l'énoncé de l'exercice

2. Solution

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   <script>
   function afficherCeContenu (numero) {
   alert("contenu" + numero);
   vDiv = document.getElementById("contenu" + numero);
   vDiv.style.display = "block";
   }
   
   $(document).ready(function(){
     $(":submit[name='masquer']").on("click", function() {
   	$("ol").hide();
    });
   });
   $(document).ready(function(){
     $(":submit[name='afficher']").on("click", function() {
       $("ol").show();
    });
   });
   $(document).ready(function(){
     $(":submit[name='msquer1Par']").on("click", function() {
       $("p:first").hide();
    });
   });
   $(document).ready(function(){
   
   $("#exemple").click(function(){
   alert('lk');
     $("#divExemple").css("display", "block");
   });
   
   });
   </script>

Exercice 02

1. Énoncé

   Vous pouvez visualiser l'énoncé de l'exercice

2. Solution

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
     <script>
       $(document).ready(function(){
       $("#btn_ol").click(function(){
               $("#txt_ol").val($("ol").length);
       });
       $("#btn_li").click(function(){
               $("#txt_li").val($("li").length);
       });
       $("#btn_div").click(function(){
               $("#txt_div").val($("div").length);
       });
       $("#btn_table").click(function(){
               $("#txt_table").val($("table").length);
       });
       $("#btn_tr").click(function(){
               $("#txt_tr").val($("tr").length);
       });
       $("#btn_td").click(function(){
               $("#txt_td").val($("td").length);
       });
       $("#btn_p").click(function(){
               $("#txt_p").val($("p").length);
       });
       
       });
       </script>