Comment utiliser la méthode click() dans jQuery-js tutoriel-php.cn

Comment utiliser la méthode click() dans jQuery

不言

Libérer： 2018-12-27 16:06:11

original

8898 Les gens l'ont consulté

La méthode click() dans Comment utiliser la méthode click() dans Comment utiliser la méthode click() dans jQuery est souvent utilisée pour les événements qui se produisent lorsqu'un bouton est cliqué, donc dans cet article, nous présenterons l'utilisation spécifique de click() dans Comment utiliser la méthode click() dans Comment utiliser la méthode click() dans jQuery.

Comment utiliser la méthode click() dans Comment utiliser la méthode click() dans jQuery

Jetons d'abord un coup d'œil à la méthode click() ?

Les méthodes jquery sont généralement écrites avec les fonctions suivantes.

$(function(){
　　//处理的内容　
});

Copier après la connexion

Cependant, avec ce programme, puisque le code est exécuté (également appelé déclenché) lorsque la page est rechargée, l'objectif de changement dynamique de page ne peut pas être atteint, ce qui est l'objectif initial de Comment utiliser la méthode click() dans Comment utiliser la méthode click() dans jQuery.

Pour cette raison, Comment utiliser la méthode click() dans Comment utiliser la méthode click() dans jQuery fournit un moyen de spécifier quand déclencher. La méthode click crée un processus qui est appelé lorsque le bouton spécifié est enfoncé.

Ci-dessous nous écrivons la méthode click

$(function(){
  $(“选择器”).click(function(){
    //处理的内容
  });
});

Copier après la connexion

Après avoir spécifié le bouton à l'aide du sélecteur, appelez la méthode click.

Utilisez les paramètres de la méthode click pour appeler la fonction et exécuter le contenu de la fonction.

Regardons un exemple spécifique

Lorsque vous cliquez sur le bouton, les lettres deviendront plus grandes

Le code est le suivant

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script>
      $(function() {
        $("button").click(function() {
          $(".big").css("font-size", "50px");
        });
      });
    </script>
  </head>
  <body>
   <button>button</button>
   <p class="big">big</p>
  </body>
</html>

Copier après la connexion

Spécifiez en utilisant le bouton de sélection et augmentez la taille de la police en utilisant la méthode CSS.

Les résultats de l'opération sont les suivants

Comment utiliser la méthode click() dans Comment utiliser la méthode click() dans jQuery

Lorsque vous cliquez sur le bouton, les lettres ci-dessous deviendront plus grandes

Comment utiliser la méthode click() dans Comment utiliser la méthode click() dans jQuery

Cet article se termine ici. Pour un contenu plus passionnant, vous pouvez prêter attention aux colonnes de didacticiels pertinentes du site Web php chinois pour un apprentissage plus approfondi ! ! !

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!