Maison  >  Article  >  interface Web  >  Utilisez jquery pour manipuler le contenu du texte de la zone de saisie

Utilisez jquery pour manipuler le contenu du texte de la zone de saisie

php中世界最好的语言
php中世界最好的语言original
2018-03-15 10:01:131691parcourir

Cette fois, je vais vous expliquer comment utiliser jquery pour exploiter le contenu textuel de la zone de saisie. Quelles sont les précautions pour utiliser jquery pour exploiter le contenu textuel de la zone de saisie. box Ce qui suit est un cas pratique Levez-vous et jetez un œil.

L'exemple de code est le suivant :

<p>
  <a class="btn btn-success show" title="Popover title"
     data-container="body" data-toggle="popover" data-placement="bottom"
     data-content="底部的 Popover 中的一些内容"> aaaa </a>
</p>
<script>
  $(function () {
    initPopover();
  })
  function initPopover() {
    $(".show").popover({
      container: "body",
      trigger: " manual"  //手动触发
    }).on('show.bs.popover', function () {
      $(this).addClass("popover_open");
    }).on('hide.bs.popover', function () {
      $(this).removeClass("popover_open");
    });
    $(".show").click(function () {
      if ($(this).hasClass("popover_open")) {
        $(this).popover("hide")
      } else {
        $(".popover_open").popover("hide");
        $(this).popover("show");
      }
      var e = arguments.callee.caller.arguments[0] || event;
      e.stopPropagation();
    });
    $(document).click(function () {
      $(".show").popover("hide");
    });
  }
</script>

Remarque :

1. Non applicable aux boutons, a, img, etc. sont disponibles

2 show.bs.popover : cet événement est déclenché immédiatement lorsque la méthode d'instance show est appelée.

shown.bs.popover : cet événement est déclenché lorsque la paire de popovers est complètement affichée (il attendra que l'effet de transition CSS soit terminé).

hide.bs.popover : Cet événement est déclenché immédiatement lorsque la méthode d'instance hide est appelée.

hidden.bs.popover : Cet événement est déclenché lorsque l' info-bulle est complètement masquée (attendra que l'effet de transition CSS soit terminé).

3. Introduisez jquery et bootstrap les fichiers d'en-tête

4. Annulez le bouillonnement

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

Lecture recommandée :

Obtenir l'effet de liaison entre la zone de saisie et la liste déroulante

Comment réaliser une acquisition dynamique de Jquery drop -données de la boîte déroulante

Ajax et Jquery se combinent avec la base de données pour réaliser le lien secondaire de la boîte déroulante

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!

Déclaration:
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