Verwenden Sie jQuery in PHP

Olorunfemi Akinlua 15 Februar 2024

PHP PHP jQuery

Wir können verschiedene JavaScript-Bibliotheken innerhalb unserer PHP-Anwendung verwenden, und jQuery ist beliebt. Obwohl die Leute React oder Vue jetzt häufiger verwenden, gibt es immer noch mehr als 150.262.730 Websites, die jQuery verwenden.

Für einige DOM-Manipulationen bietet jQuery Funktionen und Features, die es einfach machen, unsere Ziele zu erreichen, insbesondere innerhalb unserer PHP-Anwendung.

Dieser Artikel zeigt Ihnen, wie Sie jQuery in Ihrem PHP-Code verwenden.

Verwenden Sie `<script>`, um jQuery in PHP zu verwenden

Wie bei jeder JavaScript-Datei, bei der es sich um jQuery handelt, benötigen wir das Tag <script>, um sie einzufügen. Sie können das Tag <script> in Ihre HTML- oder PHP-Datei einfügen, indem Sie das Attribut src verwenden, um den Speicherort der jQuery-Bibliothek anzugeben.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Der obige Code verwendet die jQuery-Version 3.6.0 CDN. Wenn wir beabsichtigen, es lokal zu verwenden, können wir den folgenden Code verwenden (je nachdem, wo wir die jQuery-Bibliothek in unserer Umgebung platzieren, der Pfad).

<script src="jquery-3.6.0.min.js"></script>

Wo wir das <script> platzieren, ist wichtig; wir sollten es immer am Ende unserer PHP- oder HTML-Datei platzieren (insbesondere vor dem Ende des Body-Tags).

Dies soll die Rendering-Leistung verbessern und ein langsames Laden im Falle einer langsamen JavaScript-Antwort verhindern.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>

<body>
    <?php

    echo "Hello, PHP Admin";

    ?>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</body>

</html>

Außerdem können Sie den Speicherort Ihrer jQuery-Datei in einer PHP-Variablen speichern und den Speicherort dort echo, wo Sie ihn benötigen.

<script src="<?php echo $jQuery; ?>"></script>

Lassen Sie uns mit jQuery innerhalb einer PHP-Codebasis spielen und einen Absatz mithilfe der jQuery-Bibliothek ausblenden.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>

<body>
    <?php
    $user = "Jinku";
    echo "<h1>Hello " . $user . ", PHP Admin</h1>";
    ?>
    <h2>This is a heading</h2>

    <p>This is a paragraph.</p>
    <p id="test">This is another paragraph.</p>

    <button>Click me</button>

    <?php

    $jQuery = "https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js";

    ?>
    <script src="<?php echo $jQuery; ?>"></script>
    <script>
        $(document).ready(function() {
            $("button").click(function() {
                $("#test").hide();
            });
        });
    </script>
</body>

</html>

Die Ausgabe des Codes in einem Browser vor dem Klick auf die Schaltfläche.

Nach dem Klicken auf die Schaltfläche wird der Absatz ausgeblendet.

Autor: Olorunfemi Akinlua

Olorunfemi is a lover of technology and computers. In addition, I write technology and coding content for developers and hobbyists. When not working, I learn to design, among other things.

Verwenden Sie <script>, um jQuery in PHP zu verwenden

Verwenden Sie `<script>`, um jQuery in PHP zu verwenden