le DOM et les événements de jquery

Cette fois, je vous présente le DOM et les événements de jquery. Quelles sont les précautions lors de l'utilisation du DOM et des événements de jquery. Voici des cas pratiques, jetons un coup d'œil.

Dites-moi la différence entre les bibliothèques et les frameworks ?
La différence la plus importante entre un framework et une bibliothèque de classes est l'inversion du contrôle. Le cadre est comme un moule. Il vous faut mettre les matières premières dans le moule, puis le produit fini en sortira. Puisque le moule a été construit, les matières premières ne peuvent pas être ajoutées au hasard. Le contrôle appartient au moule. Mais les bibliothèques de classes sont différentes. Le contrôle est entre vos mains. Vous pouvez implémenter les fonctions que vous souhaitez. Les bibliothèques de classes vous aident simplement à encapsuler un grand nombre de fonctions pratiques pour vous aider à atteindre vos objectifs. à vos propres besoins. La nécessité d'appeler ces fonctions de manière appropriée.

Que peut faire jquery ?
Manipulez les objets du document, sélectionnez les éléments DOM, créez des effets d'animation, gestion des événements, utilisez Ajax et d'autres fonctions. De plus, jQuery fournit des API permettant aux développeurs d'écrire des plug-ins. Son utilisation modulaire permet aux développeurs de développer facilement de puissantes pages web statiques ou dynamiques.

Quelle est la différence entre les objets jquery et les objets natifs DOM ? Comment convertir ?
Différence :
1. L'objet jquery obtenu par le sélecteur jquery et l'objet dom obtenu par document.getElementById() dans le standard javascript sont deux types d'objets différents, et ils ne sont pas égaux. . Price ;
2. jQuery ne peut utiliser aucune méthode de l'objet DOM De même, l'objet DOM ne peut pas utiliser les méthodes de jQuery. S'il est utilisé sans discernement, une erreur sera signalée.
Comment convertir :
objet jQuery en objet DOM --- deux méthodes de conversion :
1. L'objet jQuery est un objet de données, via la méthode [index]
telle que :

var $v = $("#v") ;    //jQuery对象　　
var v = $v[0]; //DOM对象　

　
2. jQuery lui-même le fournit via la méthode .get(index)
telle que :

var $v = $("#v"); //jQuery对象　　
var v = $v.get(0); //DOM对象　

L'objet DOM est converti en un Objet jQuery :　
Pour les objets DOM, enveloppez simplement l'objet DOM avec $() pour obtenir l'objet jQuery
Tels que :

var v=document.getElementById("v"); //DOM对象　　
var $v=$(v); //jQuery对象

Comment lier des événements dans jquery ? Quelles sont les fonctions de liaison, de dissociation, de délégation, de mise en ligne, d'activation et de désactivation ? Lequel est recommandé ? Comment utiliser on pour lier des événements et utiliser un proxy d'événement ?
Liaison d'événement via l'API fournie par jquery.
bind : lier un gestionnaire d'événements à un élément.
unbind : supprime un gestionnaire d'événements précédemment attaché de l'élément.
délégué : attachez un ou plusieurs gestionnaires d'événements aux éléments enfants actuels ou futurs de l'élément correspondant.
live : Ajoutez un ou plusieurs gestionnaires d'événements pour les éléments correspondants actuels ou futurs.
on : Liez un ou plusieurs gestionnaires d'événements à l'élément sélectionné.
off : Supprime un gestionnaire d'événements.
Il est recommandé d'utiliser on, off.
Utilisation de on : .on( events [, selector ] [, data ], handler(eventObject) )

Comment jquery affiche/masque-t-il les éléments ?
Utilisez show(), hide() pour afficher et masquer des éléments.

Comment utiliser l'animation jquery ?
Utilisez généralement .animate() pour une animation personnalisée.

Comment définir et récupérer le contenu HTML à l'intérieur d'un élément ? Comment définir et obtenir le texte intérieur d’un élément ?
Utilisez $('selector').html() pour obtenir le contenu HTML, $('selector').html(value) pour définir le contenu HTML et utilisez
$('selector').text () pour obtenir le texte interne de l'élément, $('selector').text(value) définit le contenu du texte

Comment définir et obtenir le contenu saisi ou sélectionné par l'utilisateur du formulaire ? Comment définir et obtenir les propriétés des éléments ?

$(‘selector’).val()获取表单内容
$(‘selector’).val(val)设置表单内容
$(‘selector’).attr(attributeName)获取元素属性
$(‘selector’).attr(attributeName,value)设置元素属性
$(‘selector’).removeAttr(attributeName)移除属性

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment transformer le navigateur en éditeur

Tri à bulles simple et bidirectionnel

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!