Maison > Article > interface Web > Comment modifier le style CSS dans jquery
Comment modifier le style CSS dans jquery : 1. Utilisez l'instruction "css("attribute name", "attribute value")" pour modifier ; ", nom d'attribut : "Valeur d'attribut"...})" modification de l'instruction ; 3. Utilisez l'instruction "toggleClass("Class Name")" pour la modifier.
L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.0, ordinateur Dell G3.
Comment JQuery modifie le style CSS
Partie CSS :
.div1{ width:100px; height:100px; background:#00ff00; } .div2{ width:100px; height:100px; background:#ff0000; }#Btndiv{ width:100px; height:100px; border: 1px solid #ccc; margin-bottom: 10px; }
Code jQuery :
<div id="Btndiv" onclick="changeCss()"></div> <script> $(document).ready(function (){ //第一种 // $("div").css("width","100px"); // $("div").css("height","100px"); // $("div").css("background","cyan"); //第二种 // $("div").css({ // width:"100px",height:"100px",background:"red" // }); //第三种 $("div").addClass("div1"); $("div").click(function (){ // $(this).addClass("div2"); // $(this).removeClass("div1"); $(this).toggleClass("div2"); }); }); </script>
Recommandations de didacticiels vidéo connexes : Tutoriel jQuery(Vidéo)
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!