Maison > interface Web > js tutoriel > le corps du texte

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

巴扎黑
Libérer: 2019-10-09 15:02:28
original
1445 Les gens l'ont consulté

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.

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

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"])  
}
Copier après la connexion

2 dans setTimeout Comment appeler des méthodes objet

setTimeout(    function(self) {      return function() {
        alert(self);//这里面用self代替this      }
    }(this), 1000);
Copier après la connexion

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”;   
  }   
);
Copier après la connexion

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";   
       }  
);
Copier après la connexion

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();
            })
        })()
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal