points de connaissance jQuery compilation

points de connaissance jQuery compilation_jquery

WBOY

Libérer： 2016-05-16 16:16:37

original

1095 Les gens l'ont consulté

slideUp(); Slide up //Modifiez l'attribut height de l'élément jusqu'à ce que la hauteur soit 0 pour masquer l'élément
slideDown();
slideToggle();
fadeOut(); fondu // de opaque à transparent
fadeIn()

Copier le code Le code est le suivant :

fonction(){

$("span.Italien").toggle();

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

Ajouter deux fonctions à bascule à une fonction pour changer de langue

Vous pouvez appliquer plusieurs sélecteurs à un élément en même temps

Placez la balise script en bas, juste avant car les scripts peuvent poser problème, ils peuvent bloquer les téléchargements parallèles dans le navigateur. Plusieurs images provenant de différents serveurs peuvent être téléchargées simultanément. Une fois que le navigateur rencontre une balise <script>, il ne peut plus télécharger plusieurs éléments en parallèle. Le mettre ci-dessous contribuera à améliorer la vitesse de téléchargement var msg = "score élevé :" pts "" //Vous pouvez ajouter des balises html aux variables var discount = Math.floor((Math.random()*5) 5);//Sortez un nombre compris entre 5 et 10 //math.random(); Obtenez un nombre aléatoire de 0 à 1 //Math.floor(x); Obtenez le plus grand entier inférieur à x var discount_msg = "Votre remise est de " discount "%"; alerte (remise);//message pop-up $("p").append("123"); Siqwert Après l'exécution, ce sera qwert123 Exigences en matière de nom de variable jquery Il ne peut pas commencer par un nombre, il est sensible à la casse, il ne peut pas contenir d'opérateurs mathématiques, il ne peut pas contenir d'espaces ni de signes de ponctuation. Peut avoir souligné, $(*) sélectionne chaque élément de la page $(".guess_box").click(function(){ $(this).append("hahaha"); }) //Lorsque plusieurs éléments contiennent la même classe et que je souhaite traiter uniquement l'élément sur lequel j'opère actuellement, je peux utiliser $(this) pour appeler l'objet qui exécute actuellement la méthode <div class="codetitle"> <a style="CURSOR: pointer" data="62779" class="copybut" id="copybut62779" onclick="doCopy('code62779')">Copier le code</a> Le code est le suivant :</div> <div class="codebody" id="code62779"> <ol> <li>1</li> <li>2</li> </ol> $("#btnRemove").click(function(){ $("li").remove(); }); $("li").remove(); </div> sélecteur de descendant jquery <div class="codetitle"> <a style="CURSOR: pointer" data="40753" class="copybut" id="copybut40753" onclick="doCopy('code40753')">Copier le code</a> Le code est le suivant :</div> <div class="codebody" id="code40753"> $("div p") sélectionne tous les éléments de paragraphe sous div $("div div") sélectionne tous les éléments div sous div $("div div img") sélectionne tous les éléments img sous div </div> Deux façons de lier des événements <div class="codetitle"> <a style="CURSOR: pointer" data="80274" class="copybut" id="copybut80274" onclick="doCopy('code80274')">Copier le code</a> Le code est le suivant :</div> <div class="codebody" id="code80274"> $("#myElement").click(function(){ alert("clic"); }); $("#myElement").bind('click',function(){ alert("clic"); }); </div> onblur();perdu le focus onchange() //Si le contenu de l'élément change, déclenchez une méthode <div class="codetitle"> <a style="CURSOR: pointer" data="61711" class="copybut" id="copybut61711" onclick="doCopy('code61711')">Copier le code</a> Le code est le suivant :</div> <div class="codebody" id="code61711"> <html> <tête> <script type="text/javascript"> fonction majuscule(x) { var y=document.getElementById(x).value document.getElementById(x).value=y.toUpperCase() > </script>

Entrez votre nom :