Lernen Sie noch heute die Kernfunktionen von jQuery kennen.
jQuery(Ausdruck,[Kontext])
Diese Funktion nimmt eine Zeichenfolge, die einen CSS-Selektor enthält, und verwendet diese Zeichenfolge, um eine Reihe von Elementen abzugleichen.
Die Kernfunktionen von jQuery werden über diese Funktion implementiert. Alles in jQuery basiert auf dieser Funktion oder nutzt diese Funktion auf irgendeine Weise. Die einfachste Verwendung dieser Funktion besteht darin, ihr einen Ausdruck (normalerweise bestehend aus einem CSS-Selektor) zu übergeben und dann alle passenden Elemente basierend auf diesem Ausdruck zu finden.
Wenn der Kontextparameter nicht angegeben ist, sucht $() standardmäßig nach DOM-Elementen im aktuellen HTML-Dokument. Wenn der Kontextparameter angegeben ist, z. B. ein DOM-Elementsatz oder ein jQuery-Objekt, wird in diesem Kontext gesucht. (Auszug aus der jQuery-API)
Schauen wir uns ohne weitere Umschweife einfach das Beispiel an:
<!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>Hello World jQuery</title><style>.showtext{ background:#999999; color:#990000; font-weight:800; width :auto; height:40px;}.showtext3{ background:#0000FF; width:auto:30px;}</style><script type="text/javascript" src ="jquery-1.3.2-vsdoc2.js"></script></head><body><div id="divMsg" style="color:#FF0000; Schriftgröße:18px; Schriftfamilie:'新宋体'">Unbeabsichtigtes Testen von JQuery!</div><input id="btnShow" type="button" value="Show" /> <input id="btnHide" type="button" value="Hide" / ><br /> <input id="btnChange" type="button" value="Ändern Sie den Inhalt in Hello World jQuery!" /> <input id="btnChange2" type="button" value="Ändern Sie den Inhalt zum unbeabsichtigten Testen von JQuery!!" /> <script type="text/javascript">$("#btnShow").bind("click",function(event){$("#divMsg").show("fast ")} ); $("#btnHide").bind("click",function(event){$("#divMsg").hide("slow")}); $("#btnChange").bind ("click", function(event) { $("#divMsg").html("Hello World jQuery!"); }); $("#btnChange2").bind("click",function(event){ $(" #divMsg").html("Unbeabsichtigtes Testen von JQuery!!");});</script> <h4>Übrigens möchte ich meine QQ-Seniorengruppe 67221760 (Aktienhandelsgruppe) vorstellen! </h4> <div><p>Ich komme heute zu spät zur Arbeit! </p></div><div></div><div><p>Aber man muss pünktlich bloggen</p></div><div><p>Es spielt keine Rolle, ob man abzieht Ihr Gehalt</p> </div><span>9999999999999999999</span><span class="showtext2">3333333333333333333</span><script language="javascript">$( function() { //Match all span elements, var showText= $("span"); //Das Klassenattribut zu allen span-Elementen hinzufügen showText.addClass("showtext"); //Alle Elemente abgleichen, die p im div enthalten var selectDiv=$("div p" ); //showtexts Inhaltszuweisung showText("Was kann ich tun, wenn der Bus Nr. 93 nicht kommt" //Fügen Sie das Klassenattribut zum selectdiv-Element hinzu selectDiv.addClass("showtext3"); Wählen Sie Elemente über CSS-Klassennamen aus. var selectByClass=$ ("".showtext2"); selectByClass.text("Lassen Sie mich zunächst sagen, dass ich sehr früh aufgestanden bin." })</script></body></html>