So implementieren Sie Klicktext, um ein Klickereignis in JQuery auszulösen-Front-End-Fragen und Antworten-php.cn

So implementieren Sie Klicktext, um ein Klickereignis in JQuery auszulösen

青灯夜游

Freigeben： 2022-04-28 16:55:44

Original

3572 Leute haben es durchsucht

Implementierungsmethode: 1. Verwenden Sie click(), um das Klickereignis an das Textelement zu binden und die Verarbeitungsfunktion festzulegen. Die Syntax lautet „element.click(function(){...})“ 2. Verwenden Sie on( ), um das Textelement zu binden. Binden Sie das Klickereignis. Die Syntax lautet „element.on(“click“, function(){...})“.

So implementieren Sie Klicktext, um ein Klickereignis in JQuery auszulösen

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

jquery-Methode zum Implementieren des Klickens auf Text und Auslösen von Klickereignissen

1. Verwenden Sie click()

Verwenden Sie click(), um Klickereignisse an Textelemente zu binden und Ereignisverarbeitungsfunktionen festzulegen

Syntax:

1	`$(selector).click(function(){...})`

Nach dem Login kopieren

Beispiel:

<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="UTF-8">
        <script src="js/jquery-1.10.2.min.js"></script>
        <script>
            $(document).ready(function() {
                $("p").click(function() {
                    $("p").css("color","pink");
                });
            });
        </script>
    </head>
    <body>
 
        <p>点击这个文字段落。</p>
 
    </body>
</html>

Nach dem Login kopieren

So implementieren Sie Klicktext, um ein Klickereignis in JQuery auszulösen

2. Verwenden Sie on()

Verwenden Sie on(), um Klickereignisse an Textelemente zu binden und Ereignisbehandlungsfunktionen festzulegen

Syntax:

1	`$(selector).on("click",function(){...})`

Nach dem Login kopieren

Beispiel:

<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="UTF-8">
        <script src="js/jquery-1.10.2.min.js"></script>
        <script>
            $(document).ready(function() {
                 $("p").on("click",function(){
                    $("p").css("background-color","pink");
                });
            });
        </script>
    </head>
    <body>
 
        <p>点击这个文字段落。</p>
 
    </body>
</html>

Nach dem Login kopieren

So implementieren Sie Klicktext, um ein Klickereignis in JQuery auszulösen

【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video】

Das obige ist der detaillierte Inhalt vonSo implementieren Sie Klicktext, um ein Klickereignis in JQuery auszulösen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!