Maison interface Web js tutoriel Toute conversion entre objets jquery et objets DOM_jquery

Toute conversion entre objets jquery et objets DOM_jquery

May 16, 2016 pm 03:14 PM
转换

Qu'est-ce qu'un objet jQuery ?
---C'est l'objet généré en encapsulant l'objet DOM via jQuery. L'objet jQuery est unique à jQuery et peut utiliser des méthodes dans jQuery.
Par exemple :
$("#test").html() signifie : récupérer le code html dans l'élément avec l'ID test. Parmi eux, html() est une méthode dans jQuery
Ce code équivaut à utiliser DOM pour implémenter le code :

document.getElementById("id").innerHTML; 
Copier après la connexion

Bien que les objets jQuery soient générés en encapsulant des objets DOM, jQuery ne peut utiliser aucune méthode d'objets DOM. De même, les objets DOM ne peuvent pas utiliser de méthodes dans jQuery. S'ils sont utilisés sans discernement, une erreur sera signalée. Par exemple : $("#test").innerHTML, document.getElementById("id").html() et d'autres méthodes d'écriture sont erronées.
Une autre chose à noter est que l'objet jQuery obtenu en utilisant #id comme sélecteur et l'objet DOM obtenu par document.getElementById("id") ne sont pas équivalents. Veuillez voir la conversion entre les deux ci-dessous.
Étant donné que jQuery est différent mais également lié, les objets jQuery et les objets DOM peuvent également être convertis les uns aux autres. Avant de convertir les deux, nous faisons d'abord une convention : si un objet jQuery est obtenu, alors nous ajoutons $ devant la variable, comme : var $variab = objet jQuery ; si un objet DOM est obtenu, c'est la même chose que habituel. : var variab = objet DOM ; cette convention est uniquement destinée à faciliter l'explication et la distinction, et n'est pas stipulée dans l'utilisation réelle.

Avant de discuter de la conversion mutuelle entre les objets jquery et les objets DOM, convenez d'abord du style de définition des variables. Si vous obtenez un objet jquery, ajoutez $ devant la variable, par exemple

var $variable = objet jquery

Si l'objet DOM est obtenu, il est défini comme suit :

var variable = objet DOM

1. Convertir l'objet jquery en objet DOM :

Les objets Jquery ne peuvent pas utiliser de méthodes dans le DOM, mais si vous n'êtes pas familier avec les méthodes fournies par les objets jquery, ou si jquery ne souhaite encapsuler aucune méthode, vous devez utiliser les objets DOM, à savoir [index] et get[ indice].

(1) L'objet jquery est un objet tableau et l'objet DOM correspondant peut être obtenu via la méthode [index].

Le code jquery est le suivant

<body>
  <p>my</p>
  <p>my</p>
<script src="jquery-2.1.4.min.js"></script>
<script>
  var $cr = $("p");  //jquery对象
  var cr = $cr[1];  //dom对象
  var ct = $cr.get(0)  //第二种转换为DOM对象的方式
  cr.innerHTML = "you"  //检测是否转换成功,可以用DOM方法 输出结果为第二个my改成了you
  ct.innerHTML = 'fuck'  //输出结果第一个my改成了fuck
</script>
</body>
Copier après la connexion

(2).Objet DOM converti en objet jquery :

Pour un objet DOM, il vous suffit d'envelopper l'objet DOM avec $(), et vous pouvez ensuite obtenir un objet jquery. La méthode est $(objet DOM).

Le code jquery est le suivant :

<body>
  <p>my</p>
  <p>my</p>
<script src="jquery-2.1.4.min.js"></script>
<script>
  var cr = document.getElementsByTagName("p") //DOM对象
  var $cr = $(cr);   //jquery对象
  $cr.eq(0).("fuck"); //检测是否转换成功,可以用jquery方法 输出结果为第二个my改成了fuck
  $cr.eq(1).html("you"); //输出结果为my改成you
</script>
</body>
Copier après la connexion

Après la conversion, vous pouvez utiliser les méthodes jquery de manière arbitraire.

Grâce aux méthodes ci-dessus, les objets jquery et les objets DOM peuvent être convertis les uns dans les autres arbitrairement.

Enfin, il est à nouveau souligné que seuls les objets DOM peuvent utiliser les méthodes DOM. Les objets jquery ne peuvent pas utiliser les méthodes dans le DOM, mais les objets jquery fournissent un ensemble d'outils plus complet pour faire fonctionner le DOM.

J'espère que vous aimerez tous cet article.

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Un guide simple pour convertir USDT ERC20 en TRC20 Un guide simple pour convertir USDT ERC20 en TRC20 Jan 18, 2024 pm 06:09 PM

Nous vous apprenons étape par étape comment convertir le réseau USDTERC20 en réseau TRC20. En effet, de nombreuses personnes aiment déplacer le stablecoin USDT du réseau Ethereum vers le réseau Tron pour économiser sur les frais de transaction. Donc, si vous souhaitez convertir vos jetons ERC-20 en TRC-20, je pense que ce tutoriel vous sera utile. La différence entre les jetons ERC-20 et TRC-20 Les jetons ERC-20 et TRC-20 représentent respectivement des jetons basés sur le réseau Ethereum et le réseau Tron. Il existe quelques différences entre les deux réseaux, principalement sur les aspects suivants : Premièrement, le réseau Ethereum est souvent confronté à des congestions et à des frais de gaz élevés, ce qui peut entraîner des retards et des coûts de transaction élevés. En comparaison, le réseau Tron est relativement moins encombré

Conseils pratiques pour convertir des lettres anglaises pleine chasse en demi-chasse Conseils pratiques pour convertir des lettres anglaises pleine chasse en demi-chasse Mar 26, 2024 am 09:54 AM

Conseils pratiques pour convertir des lettres anglaises pleine chasse en formes demi-largeur. Dans la vie moderne, nous sommes souvent en contact avec des lettres anglaises et nous devons souvent saisir des lettres anglaises lorsque nous utilisons des ordinateurs, des téléphones portables et d'autres appareils. Cependant, nous rencontrons parfois des lettres anglaises pleine chasse et nous devons utiliser la forme demi-largeur. Alors, comment convertir des lettres anglaises pleine chasse en demi-chasse ? Voici quelques conseils pratiques pour vous. Tout d’abord, les lettres et chiffres anglais pleine chasse font référence à des caractères qui occupent une position pleine largeur dans la méthode de saisie, tandis que les lettres et chiffres anglais demi-chasse occupent une position pleine largeur.

Comment convertir des fichiers AI au format CDR Comment convertir des fichiers AI au format CDR Feb 19, 2024 pm 04:09 PM

Les fichiers AI font référence aux fichiers graphiques vectoriels créés par le logiciel Adobe Illustrator (AI en abrégé), tandis que les fichiers CDR font référence aux fichiers graphiques vectoriels créés par le logiciel CorelDRAW. Ces deux logiciels étant développés par des fabricants différents, leurs formats de fichiers sont différents et ne peuvent pas être directement convertis l'un vers l'autre. Cependant, nous pouvons convertir les fichiers AI en fichiers CDR via certaines méthodes. Une méthode de conversion couramment utilisée sera présentée ci-dessous. Étape 1 : Exporter les fichiers AI au format EPS AdobeIllust

Comment convertir ODT en Word sous Windows 11/10 ? Comment convertir ODT en Word sous Windows 11/10 ? Feb 20, 2024 pm 12:21 PM

Dans cet article, nous allons vous montrer comment convertir des fichiers OpenDocumentTextDocument (ODT) en Microsoft Word (Docx, DOC, etc.). Format. Comment convertir ODT en Word sous Windows 11/10 Voici comment convertir des documents ODT au format DOC ou DOCX sur un PC Windows : Convertir ODT en Word à l'aide de WordPad ou Word La première méthode que nous allons vous montrer consiste à utiliser WordPad ou MicrosoftWord pour convertir ODT en Word. Voici les étapes pour y parvenir : Tout d’abord, ouvrez l’application WordPad à l’aide du menu Démarrer. Maintenant, allez à

Traitement du temps Golang : Comment convertir l'horodatage en chaîne dans Golang Traitement du temps Golang : Comment convertir l'horodatage en chaîne dans Golang Feb 24, 2024 pm 10:42 PM

Conversion de l'heure Golang : Comment convertir l'horodatage en chaîne Dans Golang, l'opération temporelle est l'une des opérations les plus courantes. Parfois, nous devons convertir l'horodatage en chaîne pour un affichage ou un stockage facile. Cet article explique comment utiliser Golang pour convertir des horodatages en chaînes et fournit des exemples de code spécifiques. 1. Conversion des horodatages et des chaînes Dans Golang, les horodatages sont généralement exprimés sous la forme de nombres entiers, qui représentent le nombre de secondes entre le 1er janvier 1970 et l'heure actuelle. La chaîne est

Comment convertir une machine virtuelle en machine physique ? Comment convertir une machine virtuelle en machine physique ? Feb 19, 2024 am 11:40 AM

La conversion d'une machine virtuelle (VM) en machine physique est le processus de migration des instances virtuelles et des logiciels d'application associés vers une plate-forme matérielle physique. Cette conversion permet d'optimiser les performances du système d'exploitation et l'utilisation des ressources matérielles. Cet article vise à fournir un aperçu approfondi de la façon d’effectuer cette conversion. Comment mettre en œuvre la migration d’une machine virtuelle vers une machine physique ? Généralement, le processus de conversion entre une machine virtuelle et une machine physique est effectué en dehors de la machine virtuelle par un logiciel tiers. Ce processus comprend plusieurs étapes impliquant la configuration des machines virtuelles et le transfert de ressources. Préparez la machine physique : la première étape consiste à vous assurer que la machine physique répond à la configuration matérielle requise pour Windows. Nous devons sauvegarder les données sur une machine physique car le processus de conversion écrasera les données existantes. *Nom d'utilisateur et mot de passe pour un compte administrateur avec des droits d'administrateur pour créer des images système. sera virtuel

Explication détaillée de la méthode d'implémentation de conversion des mois PHP en mois anglais Explication détaillée de la méthode d'implémentation de conversion des mois PHP en mois anglais Mar 21, 2024 pm 06:45 PM

Cet article présentera en détail comment convertir des mois en PHP en mois en anglais et donnera des exemples de code spécifiques. Dans le développement PHP, nous devons parfois convertir des mois numériques en mois anglais, ce qui est très pratique dans certains scénarios de traitement de dates ou d'affichage de données. Les principes de mise en œuvre, les exemples de code spécifiques et les précautions seront expliqués en détail ci-dessous. 1. Principe de mise en œuvre En PHP, vous pouvez convertir des mois numériques en mois anglais en utilisant la classe DateTime et la méthode de format. Date

Comment convertir de la musique qq au format mp3 Convertir de la musique qq au format mp3 sur téléphone mobile Comment convertir de la musique qq au format mp3 Convertir de la musique qq au format mp3 sur téléphone mobile Mar 21, 2024 pm 01:21 PM

QQ Music permet à tout le monde de regarder des films et de soulager l'ennui. Vous pouvez utiliser ce logiciel tous les jours pour satisfaire facilement vos besoins. Un grand nombre de chansons de haute qualité sont disponibles pour que tout le monde puisse les écouter. la prochaine fois que vous les écouterez, vous n'aurez pas besoin d'une connexion Internet. Les chansons téléchargées ici ne sont pas au format MP3 et ne peuvent pas être utilisées sur d'autres plateformes. Une fois l'abonnement expiré, il n'y a aucun moyen de les réécouter. , de nombreux amis souhaitent convertir les chansons au format MP3 Ici, l'éditeur explique Vous proposez des méthodes pour que tout le monde puisse les utiliser ! 1. Ouvrez QQ Music sur votre ordinateur, cliquez sur le bouton [Menu principal] dans le coin supérieur droit, cliquez sur [Transcodage audio], sélectionnez l'option [Ajouter une chanson] et ajoutez les chansons qui doivent être converties ; les chansons, cliquez pour sélectionner Convertir en [mp3]

See all articles