Maison >interface Web >Questions et réponses frontales >Comment convertir un objet dom en objet jquery
Comment convertir un objet dom en objet jquery
- 青灯夜游original
- 2022-03-11 15:32:414693parcourir
Comment convertir un objet dom en objet jquery : utilisez simplement "$()" pour envelopper l'objet DOM, et la syntaxe est "$(DOM object)" après la conversion, vous pouvez utiliser n'importe quelle méthode dans jQuery.
L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3.
Objet DOM
DOM (Document Object Model, Document Object Model), chaque DOM peut être représenté sous forme d'arborescence. Regardons d'abord un exemple simple : le code est le suivant
// ...省略其他代码
<h3>例子</h3>
<p title="选择你最喜欢的水果">你最喜欢的水果是？</p>
<ul>
<li>苹果</li>
<li>橘子</li>
<li>菠萝</li>
</ul>
// ...省略其他代码décrit la structure HTML ci-dessus comme un arbre DOM :
Les nœuds de cet arbre DOM sont tous des nœuds d'éléments DOM. Vous pouvez obtenir le nœud d'élément via getElementByTagName ou getElementById dans JS. L'élément DOM obtenu ainsi est un objet DOM.
Objet jQuery
L'objet jQuery est un objet généré en encapsulant un objet DOM via jQuery.
Les objets jQuery sont uniques à jQuery. Si un objet est un objet jQuery, vous pouvez utiliser les méthodes de jQuery. Aucune méthode de l'objet DOM ne peut être utilisée dans l'objet jQuery, et le même objet DOM ne peut pas utiliser les méthodes de jQuery.
Comment convertir un objet dom en objet jquery
Pour un objet DOM, il vous suffit d'envelopper l'objet DOM avec $() pour obtenir un objet jQuery. La méthode est $(objet DOM). Après la conversion, vous pouvez utiliser n'importe quelle méthode dans jQuery.
Remarque : les objets jQuery couramment utilisés sont fabriqués via la fonction $(). La fonction $() est une usine de fabrication d'objets jQuery.
Le code jquery est le suivant :
<body>
<p>my</p>
<p>my</p>
<script src="jquery-1.10.2.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>Après la conversion, vous pouvez utiliser n'importe quelle méthode jquery.
Grâce aux méthodes ci-dessus, les objets jquery et les effets de page Web des objets DOM peuvent être convertis les uns aux autres à volonté.
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.
【Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end】
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!