Correction TP1 jQuery




  • 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é
    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>



    Abonnez vous à notre chaîne YouTube gratuitement