Éducation booléenne jQuery Partage de matériel vidéo pratique

jQuery est un framework JavaScript rapide et concis. C'est une autre excellente bibliothèque de code JavaScript (ou framework JavaScript) après Prototype. Le but de la conception de jQuery est « écrire moins, faire plus », ce qui signifie écrire moins de code et faire plus de choses. Il encapsule les codes fonctionnels couramment utilisés en JavaScript, fournit un modèle de conception JavaScript simple et optimise les opérations sur les documents HTML, le traitement des événements, la conception d'animations et l'interaction Ajax. Nous avons rassemblé le "Tutoriel vidéo pratique sur l'éducation booléenne jQuery", dans l'espoir d'aider tout le monde à mieux apprendre jQuery.

Adresse de lecture vidéo : http://www.php.cn/course/319.html

Recommandations de sujets connexes : "Vidéo pratique jquery"

Résumé de la difficulté de Jquery :

1 Comment transmettre des paramètres dans un événement de liaison jquery

$("#btn").bind("click",{"id":"111","name":"aaa"}, getData);  
  
function getData(d) {  
    alert(d.data.id);  
    alert(d.data["name"])  
}

2 dans setTimeout Comment appeler des méthodes objet

setTimeout(    function(self) {      return function() {
        alert(self);//这里面用self代替this      }
    }(this), 1000);

3 La différence entre this et $(this)

Concept :
cela signifie que l'objet de contexte actuel est un objet html, et vous peut appeler l'objet HTML. Les propriétés et méthodes détenues, $(this), représentent un objet contextuel qui est un objet contextuel jquery et peuvent appeler les méthodes et valeurs d'attribut de jquery.

Que génère $() ? En fait, $()=jquery() signifie qu'il renvoie un objet jquery.
Habituellement, nous utilisons $() directement pour plus de simplicité. En fait, cette fonction omet un contexte de paramètre. Sélectionnez l'objet correspondant en fonction du sélecteur, c'est-à-dire $(selector, context), et renvoyez-le sous la forme d'un ensemble de wrapper jQuery. Le contexte peut être une collection d'objets Dom ou un ensemble d'empaquetage jQuery. S'il est transmis, cela signifie sélectionner les objets correspondants dans le contexte. S'il n'est pas transmis, cela signifie que la portée est l'objet document (c'est-à-dire tous). objets sur la page), c'est-à-dire $(sélecteur)=$(sélecteur, document).
Il s'agit de l'objet html qui appelle la fonction.

Exemple :

$("#textbox").hover(   
  function() {   
       this.title = "Test";   
  },   
  fucntion() {   
      this.title = "OK”;   
  }   
);

Ceci ici est en fait un élément HTML (zone de texte), et celui-ci est en js. La zone de texte a un attribut text, il n'y a donc aucun problème à l'écrire de cette façon.

$("#textbox").hover(   
       function() {   
   $(this).title ＝ "Test";   
       },   
       function() {   
   $(this).title = "OK";   
       }  
);

Le $(this) ici est un objet JQuery, et l'objet jQuery n'a pas d'attribut title, il est donc faux de l'écrire comme ça.

Résumé :
Cela signifie que l'objet de contexte actuel est un objet html et que vous pouvez appeler les propriétés et les méthodes appartenant à l'objet html.
　$(this), l'objet contextuel représenté est un objet contextuel jquery, qui peut appeler des méthodes jquery et des valeurs d'attribut.

4 polices d'application adaptatives

//使用rem策略，不断更新html的fontsize
        (function(){                
            function sizeHtml(){                var size = $(window).width()/16;
                size = size>40?40:size;
                $("html").css("font-size",size+"px");
            }
            sizeHtml();
            $(window).resize(function(){
                sizeHtml();
            })
        })()

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!