Correction TP1 jQuery
Correction TP1 jQuery
-
Objectifs
- Etre capable de manipuler jQuery.
-
Exercice 01
-
Énoncé
-
Vous pouvez visualiser l’énoncé de l’exercice
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
-
Énoncé
-
Solution
-
Vous pouvez visualiser l’énoncé de l’exercice
<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>