Mehrere nützliche Tipps für JQuery

JQuery-Code

/* Öffnen Sie den Link in einem neuen Fenster: JQuery-Filterattr
* Deaktivieren Sie die Maus, um das Rechtsklick-Menü aufzurufen: DOM-Kontextmenü
* Zurück zum Anfang der Seite: DOM scrollTo
* Dynamisches Ersatz-CSS-Stylesheet: JQuery-Filter Elementattribut
* Seitenschriftgröße anpassen: Css html.css parseFloat
*/
//Bestätigen Sie, dass der DOM-Ladevorgang abgeschlossen ist
$(document).ready(function () {

/* Link-href-Attribute, die mit http beginnen, öffnen den Link in einem neuen Fenster*/
// ^ Filter, Attribut: beginnen mit eine bestimmte Zeichenfolge
$("a[href ^='http']").attr("target", "_blank");

/* Rechte Maustaste deaktivieren*/
/ /DOM contextmenu ist das Menü der rechten Maustaste
$( document).bind("contextmenu", function (e) {
warning(("Kein Rechtsklick!"));
//Tut nicht nach unten ausführen, d. h. das Rechtsklick-Menü wird nicht angezeigt
return false;
});

/* Zurück zum Seitenanfang*/
/ /Das Klickereignis des Elements mit der ID="top" löst
$('#top' click (function ()) {
// Zurück zum Seitenanfang
$ (Dokument) aus. . Scrollto (0, 500);
}); css style sheet*/
//Ersetzen Sie den href-Attributwert des Link-Tags durch den href-Wert des Seitenlinks
$("a.cssSwap ").click(function(){
$( "link[rel=stylesheet]").attr("href",$(this).attr("rel"));
});


/* Schriftgröße der Seite Vergrößern, verkleinern, wiederherstellen*/
//Schriftgröße abrufen, Schriftgröße
wird unter dem HTML-Tag definiert var originalFontSize = $("html" ).css("font-size");
//Standardschriftgröße wiederherstellen
$(".resetFont").click(function () {
$("html").css( "font-size", originalFontSize);
//JavaScript Nicht nach unten ausführen
return false;
});

//Erhöhen Sie die Schriftart, die die Klasse eines bestimmten Elements ist definiert als raiseFont
$(".increaseFont").click(function () {
//Erhalten Sie das aktuelle Schriftgrößensuffix px,pt,pc
var currentFontSize = $("html").css ("font-size");
//Die aktuelle Schriftgröße abrufen, parseFloat() konvertiert in den Float-Typ und entfernt das Suffix
var currentFontSizeNumber = parseFloat(currentFontSize);
//Neu definierte Schriftgröße
var newFontSize = currentFontSizeNumber * 1.1;
//Stylesheet neu schreiben
                                                                                            Schriftart reduzieren Die Klasse eines Elements ist definiert als dependenceFont
$(".decreaseFont").click(function. ) {
//Das aktuelle Schriftgrößensuffix px,pt,pc abrufen
var currentFontSize = $("html").css("font-size");
//Die aktuelle Schriftgröße abrufen , parseFloat() konvertiert es in den Float-Typ und entfernt das Suffix
var currentFontSizeNumber = parseFloat(currentFontSize);
/ /Schriftgröße neu definieren
var newFontSize = currentFontSizeNumber * 0.9;
          //Stylesheet neu schreiben JavaScript wird nicht nach unten ausgeführt
return false;
});
});




Html-Code: