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

jQuery Obtenir un exemple de méthode de valeur d'élément de titre h1-h6

小云云
Libérer: 2018-01-23 13:31:23
original
2186 Les gens l'ont consulté

Cet article présente principalement la méthode jQuery pour obtenir la valeur des éléments de titre h1-h6, impliquant le sélecteur $(":header") pour faire fonctionner les éléments h1-h6 et les techniques liées aux réponses aux événements. Les amis dans le besoin peuvent s'y référer, J'espère que cela pourra aider tout le monde.

1. Contexte du problème :

Trouvez h1-h6, parcourez-les, imprimez le contenu

2. 🎜>

3. Opération de rendu :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>查找标题</title>
    <script type="text/javascript" src="jquery-1.7.2.min.js" ></script>
    <script>
      $(function(){
        //查找h1-h6
        $(":header").each(function(){
          $(this).click(function(event){
            console.info(event.target.innerText);
            console.log(event.currentTarget.innerHTML);
          });
        });
      });
    </script>
  </head>
  <body>
    <h1>Hello H1</h1>
    <h2>Hello H2</h2>
    <h3>Hello H3</h3>
    <h4>Hello H4</h4>
    <h5>Hello H5</h5>
    <h6>Hello H6</h6>
  </body>
</html>
Copier après la connexion

Recommandations associées :

Comment utiliser correctement les éléments de titre, les paragraphes et les Forcés line break_Tutoriel de base

Résumé de la méthode JQuery pour obtenir des éléments

Analyse d'instance des méthodes et attributs JavaScript pour obtenir des éléments

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