Apprenez les fonctions de base de jQuery aujourd'hui.
jQuery(expression,[contexte])
Cette fonction prend une chaîne contenant un sélecteur CSS et utilise cette chaîne pour faire correspondre un ensemble d'éléments.
Les fonctions principales de jQuery sont implémentées via cette fonction. Tout dans jQuery est basé sur cette fonction ou utilise cette fonction d'une manière ou d'une autre. L'utilisation la plus basique de cette fonction est de lui transmettre une expression (généralement composée d'un sélecteur CSS), puis de rechercher tous les éléments correspondants basés sur cette expression.
Par défaut, si le paramètre de contexte n'est pas spécifié, $() recherchera les éléments DOM dans le document HTML actuel ; si le paramètre de contexte est spécifié, comme un ensemble d'éléments DOM ou un objet jQuery, il recherchera dans ce contexte. (Extrait de l'API jQuery)
Sans plus tarder, regardons simplement l’exemple :
<!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><title>Bonjour tout le monde jQuery</title><style>.showtext{ background:#999999; couleur:#990000; font-weight:800; width :auto; hauteur:40px;}.showtext3{ background:#666; couleur:#0000FF; font-weight:600; largeur:auto;</style><script type="text/javascript" src ="jquery-1.3.2-vsdoc2.js"></script></head><body><div id="divMsg" style="color:#FF0000; font-size:18px; font-family:'新宋体'">Test involontaire de JQuery !</div><input id="btnShow" type="button" value="Show" /> <input id="btnHide" type="button" value="Hide" / ><br /> <input id="btnChange" type="button" value="Modifier le contenu en Hello World jQuery !" /> <input id="btnChange2" type="button" value="Modifier le contenu à des tests involontaires de JQuery !!" /> <script type="text/javascript">$("#btnShow").bind("click",function(event){$("#divMsg").show("fast ")} ); $("#btnHide").bind("click",function(event){$("#divMsg").hide("lent")}); $("#btnChange").bind ("cliquez", function(event) { $("#divMsg").html("Hello World jQuery!"); }); $("#btnChange2").bind("click",function(event){ $(" #divMsg").html("Test involontaire de JQuery !!");});</script> <h4>Au fait, permettez-moi de vous présenter mon groupe senior QQ 67221760 (groupe de négociation d'actions) ! </h4> <div><p>Je suis en retard au travail aujourd'hui ! </p></div><div></div><div><p>Mais vous devez bloguer à temps</p></div><div><p>Peu importe si vous déduisez votre salaire</p> </div><span>999999999999999999999</span><span class="showtext2">3333333333333333333</span><script language="javascript">$( function() { // Correspond à tous les span elements, var showText= $("span"); //Ajoute l'attribut class à tous les éléments span showText.addClass("showtext"); //Faire correspondre tous les éléments contenant p dans le div var selectDiv=$("div p" ); //Affectation du contenu de showtext showText.text("Que puis-je faire si le bus n°93 ne vient pas"); //Ajouter l'attribut class à l'élément selectdiv selectDiv.addClass("showtext3"); Sélectionnez les éléments via les noms de classes CSS var selectByClass=$ (".showtext2"); selectByClass.text("Permettez-moi d'abord de vous dire que je me suis levé très tôt." })</script></body></html>;