HOWTO · PHP
Verwenden Sie jQuery in PHP
Dieses Tutorial erklärt, wie Sie jQuery in Ihrem PHP-Code verwenden, um die Funktionalität zu erhöhen.
Auf dieser Seite
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.
