Was ist jQuery?

jQuery ist eine großartige JavaScript-Bibliothek, die es ermöglicht, mit wenigen Codezeilen beeindruckende Web-Effekte zu erstellen. Wie auf der Webseite des Projekts jQuery gesagt wird:

„jQuery ist eine JavaScript-Bibliothek, deren Motto lautet: JavaScript zu schreiben soll Spaß machen. jQuery bewältigt häufige, wiederkehrende Aufgaben, säubert Layouts und hält dabei den Code kurz, schön und verständlich.“

jQuery ist ein sehr praktisches Werkzeug, wenn man etwas ausblenden, ändern, verschieben, schön einfügen und wieder verschwinden lassen möchte. Sehr, sehr praktisch und sehr einfach. Lassen Sie uns eine JavaScript-Datei einbinden. Dateien binden wir im Theme über die .info-Datei Ihres Themes ein. Fügen Sie in die .info-Datei Ihres Themes folgende Zeile ein:

scripts[] = js/custom.js

Hier ist js/custom.js der Pfad zur JavaScript-Datei in Ihrem Theme.

In dieser Lektion behandeln wir jQuery-Selektoren und jQuery-Effekte.

Selektoren

Unter den Selektoren verwenden wir am häufigsten Klassen und IDs. Die Selektoren entsprechen oft den CSS-Selektoren, daher wenn Sie CSS-Selektoren schreiben können, können Sie auch jQuery-Selektoren schreiben. So wählen wir Klassen aus:

$('.class')

Und so wählen wir IDs aus:

$('#id')

In diesem Video erklären wir, wie man mit jQuery CSS manipulieren kann.

In dieser Lektion behandeln wir Ereignisse (Events) in jQuery. Außerdem lernen wir die Methode animate() kennen, mit der Animationen erstellt werden können. Mithilfe von Events und animate() erstellen wir ein animiertes Kontaktformular.

In diesem Video erklären wir, wie man jQuery verwendet, um einen Online-Rechner zu erstellen. Außerdem binden wir das Plugin Sexy Uniform ein, damit unsere Buttons schön aussehen.

In dieser Lektion lernen wir, wie man mit Hilfe von jQuery eine einfache Fotogalerie erstellt.

Sie haben sicher schon öfter ein Suchfeld gesehen, in dem der Text "Поиск" (Suche) steht, der beim Klicken verschwindet und man seine eigene Suche eingeben kann. Hier ist ein jQuery-Snippet dafür:

Code der Datei

/sites/all/modules/custom/custom.info

name = custom
description = custom module
core = 7.x

/sites/all/modules/custom/custom.module

<?php

  drupal_add_library('system', 'ui.tabs');

CSS-Code:

#tabs {
  border: 0px;
}

.ui-tabs-nav {
  background: none;
  border: none;
}

HTML-Code in node-product.tpl.php:

Warum noch ein weiteres PHP-Selbstlernbuch? Ich habe bisher keine einfache Anleitung für Anfänger gefunden, die Schritt für Schritt und von Grund auf PHP erklärt. Wahrscheinlich vergessen viele Autoren, dass sie selbst mal mit Pascal, Basic oder C++ angefangen haben. Sie denken, Begriffe wie Funktion, Rekursion, Variable, Datentypen seien jedem in die Wiege gelegt und müssten nicht erklärt werden.