Heim > Web-Frontend > js-Tutorial > So verwenden Sie die click()-Methode in jQuery

So verwenden Sie die click()-Methode in jQuery

不言
Freigeben: 2018-12-27 16:06:11
Original
8953 Leute haben es durchsucht

Die Methode click() in So verwenden Sie die click()-Methode in So verwenden Sie die click()-Methode in jQuery wird häufig für Ereignisse verwendet, die auftreten, wenn auf eine Schaltfläche geklickt wird. Daher stellen wir in diesem Artikel die spezifische Verwendung von click() in So verwenden Sie die click()-Methode in So verwenden Sie die click()-Methode in jQuery vor.

So verwenden Sie die click()-Methode in So verwenden Sie die click()-Methode in jQuery

Werfen wir zunächst einen Blick auf die click()-Methode?

jquery-Methoden werden normalerweise mit den folgenden Funktionen geschrieben.

$(function(){
  //处理的内容 
});
Nach dem Login kopieren

Da der Code jedoch beim Neuladen der Seite ausgeführt wird (auch als Triggerung bezeichnet), kann mit diesem Programm der Zweck des dynamischen Änderns der Seite nicht erreicht werden, was der ursprüngliche Zweck von So verwenden Sie die click()-Methode in So verwenden Sie die click()-Methode in jQuery ist.

Aus diesem Grund bietet So verwenden Sie die click()-Methode in So verwenden Sie die click()-Methode in jQuery eine Möglichkeit, anzugeben, wann ausgelöst werden soll. Die Click-Methode erstellt einen Prozess, der aufgerufen wird, wenn die angegebene Schaltfläche gedrückt wird.

Unten schreiben wir die Klickmethode

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

Nachdem Sie die Schaltfläche mit dem Selektor angegeben haben, rufen Sie die Klickmethode auf.

Verwenden Sie die Parameter der Click-Methode, um die Funktion aufzurufen und den Inhalt der Funktion auszuführen.

Sehen wir uns ein konkretes Beispiel an

Wenn Sie auf die Schaltfläche klicken, werden die Buchstaben größer

Der Code lautet wie folgt

<!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>
Nach dem Login kopieren

Verwenden Sie den Selektor um die Schaltfläche anzugeben und die CSS-Methode zu verwenden, um die Schriftgröße zu erhöhen.

Die Operationsergebnisse sind wie folgt

So verwenden Sie die click()-Methode in So verwenden Sie die click()-Methode in jQuery

Wenn auf die Schaltfläche geklickt wird, werden die Buchstaben unten größer

So verwenden Sie die click()-Methode in So verwenden Sie die click()-Methode in jQuery

Dieser Artikel endet hier. Weitere spannende Inhalte finden Sie in den relevanten Tutorial-Kolumnen der PHP-Chinese-Website zum weiteren Studium! ! !

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die click()-Methode in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage