Heim Web-Frontend js-Tutorial Codebeispiele, die native jQuery-Methoden ändern oder erweitern

Codebeispiele, die native jQuery-Methoden ändern oder erweitern

May 16, 2016 pm 04:20 PM
jquery 修改 扩展

In diesem Artikel werden hauptsächlich Codebeispiele zum Ändern oder Erweitern der nativen JQuery-Methode vorgestellt. In diesem Artikel wird erläutert, wie native JQuery-Methoden geändert oder erweitert werden.

Codebeispiele für jQuery-Methoden ändern oder erweitern:

Es besteht kein Zweifel, dass jQuery eine leistungsstarke und benutzerfreundliche Klassenbibliothek ist.

Seine breite Anwendung kann den oben genannten Standpunkt bestätigen, aber wie das Sprichwort sagt: Niemand ist perfekt und kein Gold ist perfekt. Dasselbe gilt für jQuery. Es kann unsere Aufgaben zu keinem Zeitpunkt perfekt erledigen oder Gelegenheit, also In Zukunft müssen die ursprünglichen Methoden von jQuery erweitert und geändert werden, aber die beste Methode verfügt immer noch über die ursprünglichen Funktionen.

Codebeispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>php中文网</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$.prototype.val = function (base) {
  return function () {
    var s = this;
    var a = "data-property";
    var p = s.attr(a);
    var isset = arguments.length > 0;
    var v = isset ? arguments[0] : null;
         
    if (isset&&typeof(base)=="function") { 
      base.call(s, v); 
    } 
    else { 
      v = base.call(s); 
    }
    if (p) {
      if (isset) { 
        s.attr(p, v); 
        return s 
      }
      else { 
        return s.attr(p) 
      }
    }
    else {
      if (!s.is(":input")){ 
        if (isset) { 
          s.text(v); return s; 
        } 
        else { 
          return s.text(); 
        } 
      }
      else { 
        return isset ? s : v; 
      }
    }
  }
}($.prototype.val);
$(document).ready(function(){
  $("#show").html($("#lbl").val()+"<br>"+$("#txt").val());
})
</script>
</head>
<body>
<span id="lbl">php中文网</span>   
<input type="text" id="txt" value="softwhy.com" />
<input type="checkbox" value="antzone" />
<p id="show"></p>
</body>
</html>
Nach dem Login kopieren

Der obige Code ist zweifellos eine Erweiterung der val()-Methode von jQuery. Hier finden Sie eine Einführung in den Implementierungsprozess.

Codekommentare:

1. $.prototype.val = function (base) {}(($.prototype.val), ändern Sie die ursprüngliche val()-Methode von jQuery und verwenden Sie hier den Abschluss In der Paketmethode ist der übergebene Parameter die ursprüngliche val()-Methode 2. return function (){}, gibt ein Funktionsobjekt var s = this zurück, zuweisen der Verweis auf die Variable s, wobei dies auf die jQuery-Objektinstanz verweist. 4. var a = „data-property“, eine Variable deklarieren und einen Wert zuweisen, mehr Inhalt dazu wird später vorgestellt 🎜>5. var p = s.attr(a) ist tatsächlich ein benutzerdefiniertes Attribut auf dem Etikett, daher dient dieser Code dazu, den Wert dieses Attributs zu erhalten isset = arguments.length > 0, bestimmen Sie, ob die modifizierte val()-Methode Parameter übergibt

7, wenn ein Parameter übergeben wird 8. if (isset&&typeof(base)=="function") { base.call(s, v);}, Wenn Parameter übergeben werden und der Basisparameter eine Funktion ist, dann wird der Die Basisfunktion wird aufgerufen, um das Element festzulegen.

Das Obige ist der gesamte Inhalt dieses Kapitels. Weitere verwandte Tutorials finden Sie unter

jQuery-Video-Tutorial

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So ändern Sie den persönlichen Namen in der Gruppe auf DingTalk_So ändern Sie den persönlichen Namen in der Gruppe auf DingTalk So ändern Sie den persönlichen Namen in der Gruppe auf DingTalk_So ändern Sie den persönlichen Namen in der Gruppe auf DingTalk Mar 29, 2024 pm 08:41 PM

1. Öffnen Sie zunächst DingTalk. 2. Öffnen Sie den Gruppenchat und klicken Sie auf die drei Punkte in der oberen rechten Ecke. 3. Finden Sie meinen Spitznamen in dieser Gruppe. 4. Klicken Sie, um zum Ändern und Speichern aufzurufen.

Erweiterungen und Drittanbietermodule für PHP-Funktionen Erweiterungen und Drittanbietermodule für PHP-Funktionen Apr 13, 2024 pm 02:12 PM

Um die Funktionalität der PHP-Funktion zu erweitern, können Sie Erweiterungen und Module von Drittanbietern verwenden. Erweiterungen stellen zusätzliche Funktionen und Klassen bereit, die über den pecl-Paketmanager installiert und aktiviert werden können. Module von Drittanbietern bieten spezifische Funktionen und können über den Composer-Paketmanager installiert werden. Zu den praktischen Beispielen gehören die Verwendung von Erweiterungen zum Parsen komplexer JSON-Daten und die Verwendung von Modulen zur Datenvalidierung.

Kann Douyin Blue V seinen Namen ändern? Welche Schritte sind erforderlich, um den Namen des Unternehmenskontos von Douyin Blue V zu ändern? Kann Douyin Blue V seinen Namen ändern? Welche Schritte sind erforderlich, um den Namen des Unternehmenskontos von Douyin Blue V zu ändern? Mar 22, 2024 pm 12:51 PM

Die Douyin Blue V-Zertifizierung ist die offizielle Zertifizierung eines Unternehmens oder einer Marke auf der Douyin-Plattform, die dazu beiträgt, das Markenimage und die Glaubwürdigkeit zu verbessern. Aufgrund der Anpassung der Unternehmensentwicklungsstrategie oder der Aktualisierung des Markenimages möchte das Unternehmen möglicherweise den Namen der Douyin Blue V-Zertifizierung ändern. Kann Douyin Blue V seinen Namen ändern? Die Antwort ist ja. In diesem Artikel werden die Schritte zum Ändern des Namens des Unternehmenskontos Douyin Blue V im Detail vorgestellt. 1. Kann Douyin Blue V seinen Namen ändern? Sie können den Namen des Douyin Blue V-Kontos ändern. Gemäß den offiziellen Bestimmungen von Douyin können Unternehmenskonten mit Blue V-Zertifizierung eine Änderung ihres Kontonamens beantragen, nachdem sie bestimmte Bedingungen erfüllt haben. Im Allgemeinen müssen Unternehmen relevante Belege wie Geschäftslizenzen, Organisationscode-Zertifikate usw. vorlegen, um die Rechtmäßigkeit und Notwendigkeit der Namensänderung nachzuweisen. 2. Welche Schritte sind erforderlich, um den Namen des Unternehmenskontos von Douyin Blue V zu ändern?

Tipps zur Änderung der Schlafzeit unter Win10 enthüllt Tipps zur Änderung der Schlafzeit unter Win10 enthüllt Mar 08, 2024 pm 06:39 PM

Tipps zur Änderung der Ruhezeit von Win10 enthüllt Als eines der derzeit am weitesten verbreiteten Betriebssysteme verfügt Windows 10 über eine Ruhefunktion, die Benutzern hilft, Strom zu sparen und den Bildschirm zu schützen, wenn sie den Computer nicht verwenden. Manchmal entspricht die Standard-Ruhezeit jedoch nicht den Anforderungen der Benutzer. Daher ist es besonders wichtig zu wissen, wie die Win10-Ruhezeit geändert werden kann. In diesem Artikel finden Sie Tipps zum Ändern der Ruhezeit von Win10, sodass Sie die Ruheeinstellungen des Systems ganz einfach anpassen können. 1. Ändern Sie die Ruhezeit von Win10 über „Einstellungen“. Zuerst die einfachste Lösung

So ändern Sie den Adressstandort veröffentlichter Produkte auf Xianyu So ändern Sie den Adressstandort veröffentlichter Produkte auf Xianyu Mar 28, 2024 pm 03:36 PM

Beim Veröffentlichen von Produkten auf der Xianyu-Plattform können Benutzer die geografischen Standortinformationen des Produkts entsprechend der tatsächlichen Situation anpassen, sodass potenzielle Käufer den spezifischen Standort des Produkts genauer erfassen können. Sobald das Produkt erfolgreich in den Regalen steht, besteht kein Grund zur Sorge, wenn sich der Standort des Verkäufers ändert. Die Xianyu-Plattform bietet eine flexible und praktische Änderungsfunktion. Wie können wir die Adresse eines veröffentlichten Produkts ändern? Helfen Sie allen! Wie ändere ich die Release-Produktadresse in Xianyu? 1. Öffnen Sie Xianyu, klicken Sie auf das, was ich veröffentlicht habe, wählen Sie das Produkt aus und klicken Sie auf Bearbeiten. 2. Klicken Sie auf das Positionierungssymbol und wählen Sie die Adresse aus, die Sie festlegen möchten.

So ändern Sie den Begrüßungsinhalt für die direkte Einstellung von Chefs So ändern Sie den Begrüßungsinhalt für die direkte Einstellung von Chefs Mar 01, 2024 pm 03:40 PM

In der Jobsuch- und Rekrutierungssoftware Boss Direct Recruitment können Benutzer ihre eigenen Begrüßungen anpassen, um ihre Persönlichkeit und ihre Bereitschaft, sich auf eine Stelle zu bewerben, besser zum Ausdruck zu bringen. Allerdings sind die Standardbegrüßungsbegriffe manchmal ziemlich mechanisch und starr. Viele Benutzer möchten ihre eigenen Änderungen vornehmen, wissen aber nicht, wo sie diese festlegen sollen. Daher werden in diesem Tutorial die detaillierten Änderungsschritte vorgestellt und folgen Sie diesem Artikel, um es herauszufinden! So ändern Sie die Antwort, wenn ein Chef direkt jemanden anstellt, um Hallo zu sagen: [Chef stellt direkt ein]-[Mein]-[Einstellungssymbol]-[Begrüßungssprache]. Konkrete Schritte: 1. Zuerst klicken wir auf die Boss-Direktrekrutierungssoftware. Nachdem wir die Homepage betreten haben, klicken wir unten rechts auf [Mein] und Sie können die relevanten Daten sehen.

Go Language Programming Guide: Implementierung der Änderung der Hosts-Datei Go Language Programming Guide: Implementierung der Änderung der Hosts-Datei Mar 07, 2024 am 10:51 AM

Titel: Go Language Programming Guide: Implementierung der Änderung der Hosts-Datei Im täglichen Softwareentwicklungsprozess stoßen wir häufig auf Situationen, in denen wir die Hosts-Datei im Betriebssystem ändern müssen. Die Hosts-Datei ist eine Textdatei ohne Erweiterung, die zum Zuordnen von IP-Adressen und Hostnamen verwendet wird. Sie wird normalerweise zum lokalen Einrichten der Domänennamenauflösung verwendet. In diesem Artikel stellen wir vor, wie die Go-Sprache zum Implementieren der Funktion zum Ändern der Hosts-Datei des Betriebssystems verwendet wird, und geben spezifische Codebeispiele. Zuerst müssen wir ein G erstellen, das die Hosts-Datei ändern kann

Wie hängen die Typen der Rückgabewerte von PHP-Funktionen mit der Interoperabilität von PHP-Erweiterungen zusammen? Wie hängen die Typen der Rückgabewerte von PHP-Funktionen mit der Interoperabilität von PHP-Erweiterungen zusammen? Apr 15, 2024 pm 09:06 PM

Rückgabewerttypen von PHP-Funktionen können als Typbeschreibungssyntax ausgedrückt werden, die den Rückgabewerttyp jeder Funktion klar angibt. Das Verständnis der Rückgabewerttypen ist entscheidend für die Erstellung von Erweiterungen, die mit der PHP-Kern-Engine kompatibel sind, um unerwartete Konvertierungen zu vermeiden, die Effizienz zu verbessern und die Lesbarkeit des Codes zu verbessern. Insbesondere können Erweiterungsfunktionen einen Rückgabewerttyp definieren, sodass die PHP-Engine die Codeausführung basierend auf diesem Typ optimieren und Entwicklern ermöglichen kann, den Rückgabewert explizit zu verarbeiten. In der Praxis können Erweiterungsfunktionen PHP-Objekte zurückgeben und PHP-Code kann die zurückgegebenen Ergebnisse entsprechend dem Rückgabewerttyp verarbeiten.

See all articles