Fünf Tipps für JQuery

November 13

JQuery ist eine beliebte Bibliothek von JavaScript-Funktionen, die eine Vielzahl von Web-Programmieraufgaben einfacher machen sollen. Die Skripte sind ausgelegt auf den meisten gängigen Browsern und auf dem Computer des Benutzers ausgeführt werden. Ausführen von Skripts auf dem Computer des Benutzers reduziert die Verarbeitung-Nachfrage auf dem Web-Server platziert und verbessert die Reaktionszeit zur Verfügung, wenn mehrere Benutzer gleichzeitig auf eine Seite zugreifen.

Serverbandbreite reduziert

Eine Möglichkeit, die Datenmenge reduzieren Ihre Hostserver muss auf dem Computer des Benutzers übertragen wird, machen Verwendung von Googles Content-Distribution Network (CDN). Statt laden und Verteilen von jQuery auf dem Hostserver, verwenden Sie einen externen Link Google.com/jsapi als Skript-Bibliothek Quelle angeben:

< Skript Scr = http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/hquery.min.js

Typ = "Text/Javascript" >< / script >

Benutzer der Website, die andere Websites besuchen, die Google Code in der Regel nutzen haben diese Informationen bereits auf ihrem Computer zwischengespeichert. Dies reduziert auch die Ladezeit der Seite.

Externe Links zu markieren

Verwenden Sie jQuery, um automatisch eine Unterscheidung zwischen externe Links und Links zu anderen Seiten auf Ihrer Website machen. Schreiben Sie eine Anweisung, die sucht nach Href = MyWebSite in jedem Link. Eine negative Rendite können Sie dann ändern Sie die Farbe und die Darstellung externer Links:

$("ein: nicht ([Href * = MyWebSite])") .append ("< span Class ="Externe">? </span >;

Anpassen von Aufzählungszeichen

Standard-HTML verwendet nur Quadrate oder Punkte als Aufzählungszeichen für ungeordnete Listen. Benutzen Sie jQuery für Listenelemente und ersetzen die vorhandene Kugel zeigen Sie mit einem anderen Charakter oder .gif-Datei:

$("ul") .addClass("Replaced");

$("Ul > li") .prepend ("+");

Dies ersetzt die aktuelle Formatvorlage für Aufzählungszeichen mit dem "+" Symbol.

Browsers Standardschriftgrad überschreiben

Browser interpretieren nicht immer Schriftgrößen einheitlich für Standard-HTML-Abschnitt-Tags. Wenn Sie möchten sicherstellen, dass ein Abschnitt sticht auf jedem Browser, verwenden Sie jQuery ein bestimmtes Tag gesucht und manuell definieren eine Schriftgröße:

$("h2 + p").addClass("Large");

Nun fügen Sie den folgenden Code in das Stylesheet:

{p.Large}

Schriftgröße: 1.1em;

}

Dies gibt einen Schriftgrad von Text in den Tags < h2 > 1.1em.

Nur auf bestimmte Browser Skripts ausführen

Es ist eine traurige Tatsache des Lebens für Internet-Programmierer, die nicht alle Skripte arbeiten und spielen auf allen Browsern. Sie können auswählen, welche Skripte basierend auf welchen Browser ausgeführt werden, die ein Besucher mit Einfache jQuery verwendet:

Wenn ($. browser.msie) {}

Skript hier platzieren

}