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

jquery obtient le nom du nœud_jquery

WBOY
Libérer: 2016-05-16 16:02:13
original
1906 Les gens l'ont consulté

La méthode get(index) de jQuery vous permet de sélectionner un élément DOM réel et d'opérer directement dessus au lieu de passer par une fonction jQuery, puis d'accéder directement à l'attribut tagName de l'élément DOM. $(this).get(0) est équivalent à $(this)[0].

Tels que les éléments suivants

Copier le code Le code est le suivant :


$("#test")[0].tagName

Ce qui est obtenu est DIV (notez qu'il est en majuscule)

Comment obtenir le nom d'un élément en jquery, tel que
jj

$("#aa").xxxmethod obtient "div"
Comment obtenir le nom d'un élément dans jquery tel que
jj

$("#aa").xxxmethod obtient "div"

$('#elementId').get(0).tagName
$("#aa")[0].tagName C'est tout
jQuery obtient le nom de la balise

Copier le code Le code est le suivant :

$('#elementId').get(0).tagName

Ici, vous obtenez le nom de la balise en lettres majuscules, telles que : A, DIV

Connaissances de base :

Conversion entre objet jQuery et objet dom

Seuls les objets jquery peuvent utiliser les méthodes définies par jquery. Notez qu'il existe une différence entre les objets dom et les objets jquery. Lorsque vous appelez des méthodes, vous devez faire attention si vous opérez sur des objets dom ou jquery.
Les objets DOM ordinaires peuvent généralement être convertis en objets jQuery via $().
Par exemple : $(document.getElementByIdx_x("msg")) est un objet jquery et vous pouvez utiliser les méthodes jquery.

Parce que l'objet jquery lui-même est une collection. Par conséquent, si l'objet jquery doit être converti en objet dom, l'un des éléments doit être récupéré, qui peut généralement être récupéré via un index.
Par exemple : $("#msg")[0], $("div").eq(1)(0], $("div").get()[1], $("td")[ 5 ] Ce sont des objets dom, et vous pouvez utiliser des méthodes dans dom, mais vous ne pouvez plus utiliser les méthodes Jquery.

Les manières d'écrire suivantes sont toutes correctes :

Copier le code Le code est le suivant :

$("#msg").html();
$("#msg")[0].innerHTML;
$("#msg").eq(0)(0).innerHTML;
$("#msg").get(0).innerHTML -

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

É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