Heim > Web-Frontend > js-Tutorial > Hauptteil

jQuery-Wissenspunkte Compilation_jquery

WBOY
Freigeben: 2016-05-16 16:16:37
Original
1068 Leute haben es durchsucht

slideUp(); Nach oben schieben //Ändern Sie das Höhenattribut des Elements, bis die Höhe 0 ist, um das Element auszublenden
slideDown();
slideToggle();
fadeOut(); ausblenden // von undurchsichtig nach transparent
fadeIn()

Code kopieren Der Code lautet wie folgt:

function(){
$("span.Italian").toggle();
$("span.Italian").toggle();}

Fügen Sie einer Funktion zwei Umschaltfunktionen hinzu, um die Sprache zu wechseln

Sie können mehrere Selektoren gleichzeitig auf ein Element anwenden

Platzieren Sie das Skript-Tag direkt vor , da Skripte ein Problem verursachen können und parallele Downloads im Browser blockieren können. Mehrere Bilder von verschiedenen Servern können gleichzeitig heruntergeladen werden. Sobald der Browser auf ein <script>-Tag stößt, kann er nicht mehr mehrere Elemente gleichzeitig herunterladen. <br> Wenn Sie es unten einfügen, können Sie die Download-Geschwindigkeit verbessern</p> <p>var msg = "Highscore :<strong>" Punkte "</strong>"<br> //Sie können HTML-Tags </p> zu Variablen hinzufügen <p>var discount = Math.floor((Math.random()*5) 5);//Eine Zahl zwischen 5 und 10 ausgeben<br> //math.random(); Holen Sie sich eine Zufallszahl von 0-1<br> //Math.floor(x); Holen Sie sich die größte Ganzzahl kleiner als x<br> var discount_msg = "<p>Ihr Rabatt beträgt " Rabatt "%<p>";</p> <p>Benachrichtigung (Rabatt);//Popup-Nachricht</p> <p>$("p").append("<strong>123</strong>");<br> Wenn<p>qwert</p><br> Nach dem Ausführen lautet es <p>qwert<strong>123</strong></p></p> <p>Anforderungen an den Namen der JQuery-Variablen<br> Es darf nicht mit einer Zahl beginnen, die Groß-/Kleinschreibung wird beachtet, es dürfen keine mathematischen Operatoren vorhanden sein, es dürfen keine Leerzeichen und Satzzeichen verwendet werden. Kann unterstrichen sein, </p> <p>$(*) wählt jedes Element auf der Seite aus</p> <p>$(".guess_box").click(function(){<br> $(this).append("hahaha");<br> })<br> //Wenn mehrere Elemente dieselbe Klasse enthalten und ich nur das Element verarbeiten möchte, an dem ich gerade arbeite, kann ich mit $(this) das Objekt aufrufen, das gerade die Methode </p> ausführt <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="62779" class="copybut" id="copybut62779" onclick="doCopy('code62779')"><u>Code kopieren</u></a></span> Der Code lautet wie folgt:</div> <div class="codebody" id="code62779"> <br> <ol><br> <li>1</li><br> <li>2</li><br> </ol><br> $("#btnRemove").click(function(){<br> $("li").remove();<br> });<br> $("li").remove();<br> </div> <p>Jquery-Nachkommenselektor</p> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="40753" class="copybut" id="copybut40753" onclick="doCopy('code40753')"><u>Code kopieren</u></a></span> Der Code lautet wie folgt:</div> <div class="codebody" id="code40753"> <br> $("div p") wählt alle Absatzelemente unter div <br> aus $("div div") wählt alle div-Elemente unter div <br> aus $("div div img") wählt alle img-Elemente unter div <br> aus </div> <p>Zwei Möglichkeiten, Ereignisse zu binden</p> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="80274" class="copybut" id="copybut80274" onclick="doCopy('code80274')"><u>Code kopieren</u></a></span> Der Code lautet wie folgt:</div> <div class="codebody" id="code80274"> <br> $("#myElement").click(function(){<br> alarm("click");<br> });<br> $("#myElement").bind('click',function(){<br> alarm("click");<br> });<br> </div> <p>onblur();fokus verloren</p> <p>onchange()<br> //Wenn sich der Elementinhalt ändert, eine Methode </p> auslösen <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="61711" class="copybut" id="copybut61711" onclick="doCopy('code61711')"><u>Code kopieren</u></a></span> Der Code lautet wie folgt:</div> <div class="codebody" id="code61711"> <br> <html><br> <Kopf><br> <script type="text/javascript"><br> Funktion UpperCase(x)<br> {<br> var y=document.getElementById(x).value<br> document.getElementById(x).value=y.toUpperCase()<br> }<br> </script>


Geben Sie Ihren Namen ein:



Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage