Mehr

Kann JQuery Mobile UI eine vom Benutzer erstellte Attributtabelle für ein vom Benutzer erstelltes Punkt-Feature bereitstellen?

Kann JQuery Mobile UI eine vom Benutzer erstellte Attributtabelle für ein vom Benutzer erstelltes Punkt-Feature bereitstellen?


Ich überlege, die JQuery Mobile-Benutzeroberfläche zu verwenden, und möchte, dass der Benutzer der App seinen eigenen Punkt auf der Karte erstellen und einige kurze Attribute hinzufügen kann. Irgendeine Idee, ob dies möglich ist? Danke im Voraus.


Ja, viele Leute verwenden JQuery Mobile zusammen mit ihrer Wahl der Mapping-API. Ich verwende sowohl Google Maps als auch die JavaScript-Web-Mapping-APIs von ESRI mit JQuery Mobile. Wenn Sie vorhaben, dies mit der Google Maps v3-API zu tun, finden Sie hier eine Reihe großartiger Beispiele.


Denken Sie darüber nach, wie Sie verschiedene Arten von Ressourcen im Web laden. Für JS haben wir <script src> . Für CSS ist Ihr Ziel wahrscheinlich <link rel="stylesheet"> . Für Bilder ist es <img> . Video enthält <video> . Audio, <audio> . Komm zum Punkt! Der Großteil des Webinhalts hat eine einfache und deklarative Möglichkeit, sich selbst zu laden. Nicht so für HTML. Hier sind Ihre Optionen:

  1. <iframe> - altbewährt, aber schwer. Der Inhalt eines iframes befindet sich vollständig in einem anderen Kontext als Ihre Seite. Das ist zwar meistens ein großartiges Feature, schafft aber zusätzliche Herausforderungen (die Größe des Frames auf seinen Inhalt zu verkleinern ist schwierig, das Ein- und Aus-Skripting ist wahnsinnig frustrierend, das Stylen fast unmöglich).
  2. AJAX - Ich liebe xhr.responseType="document" , aber Sie sagen, ich brauche JS, um HTML zu laden? Das scheint nicht richtig zu sein.
  3. CrazyHacks™ - eingebettet in Strings, versteckt als Kommentare (z.B. <script type="text/html"> ). Yuck!

Sehen Sie die Ironie? Der einfachste Inhalt des Webs, HTML, erfordert den größten Aufwand, um damit zu arbeiten. Glücklicherweise sind Web Components hier, um uns wieder auf den richtigen Weg zu bringen.


[ 35+ ] ESSENTIAL jQuery Interviewfragen & Antworten

jQuery ist eine leichtgewichtige JavaScript-Bibliothek, die “weniger schreiben, mehr tun” Der Zweck von jQuery besteht darin, die Verwendung von JavaScript auf Ihrer Website erheblich zu vereinfachen. jQuery übernimmt viele gängige Aufgaben, die viele Zeilen JavaScript-Code erfordern, und verpackt sie in Methoden, die Sie mit einer einzigen Codezeile aufrufen können. Es vereinfacht auch viele der komplizierten Dinge von JavaScript, wie AJAX-Aufrufe und DOM Manipulation.

1. Was ist jQuery?

jQuery ist eine schnelle, funktionsreiche clientseitige JavaScript-Bibliothek. Es ist plattformübergreifend und unterstützt verschiedene Browsertypen. Es hat JavaScript einen dringend benötigten Schub gegeben. Vor jQuery waren JavaScript-Codes lang und größer, auch für kleinere Funktionen. Es macht eine Website interaktiver und attraktiver.

2. Ist jQuery eine Programmiersprache?

jQuery ist keine Programmiersprache, sondern ein gut geschriebener JavaScript-Code. Es wird verwendet, um Dokumente, Ereignisbehandlung, Ajax-Interaktion und Animation zu durchlaufen.

3. Was ist der Unterschied zwischen JavaScript und jQuery?

Der einfache Unterschied besteht darin, dass JavaScript eine Sprache ist, während jQuery eine integrierte Bibliothek für JavaScript ist. jQuery vereinfacht die Verwendung der JavaScript-Sprache.

4. Ersetzt jQuery JavaScript?

Nein, jQuery ist kein Ersatz für JavaScript. jQuery wird über JavaScript geschrieben und ist eine andere Bibliothek. jQuery ist eine leichtgewichtige JavaScript-Bibliothek, die verwendet wird, um mit JavaScript und HTML zu interagieren.

5. Warum verwenden wir jQuery?

  • Es ist sehr einfach zu erlernen und zu verwenden.
  • Es wird verwendet, um browserkompatible Webanwendungen zu entwickeln.
  • Es verbessert die Leistung einer Anwendung.
  • Es ist sehr schnell und erweiterbar.
  • Es erleichtert Ihnen das Schreiben von minimalen Codezeilen für UI-bezogene Funktionen.
  • Es bietet Cross-Browser-Unterstützung.

6. Was ist $(. in der jQuery-Bibliothek?

Die Funktion $() ist ein Alias ​​der Funktion jQuery(). Es wird verwendet, um ein beliebiges Objekt in ein jQuery-Objekt einzuschließen, was Ihnen später den Aufruf der verschiedenen methodendefinierten jQuery-Objekte erleichtert. Sie können einen Selektor-String an die $(.-Funktion übergeben, die ein jQuery-Objekt zurückgibt, das ein Array aller übereinstimmenden DOM-Elemente enthält.

7. Welche Effektmethoden werden in jQuery verwendet?

Dies sind einige Effektmethoden, die in jQuery verwendet werden:

  • show() – Zeigt die ausgewählten Elemente an oder zeigt sie an.
  • hide() – Versteckt die übereinstimmenden oder ausgewählten Elemente.
  • toggle() – Zeigt oder verbirgt die übereinstimmenden Elemente. Mit anderen Worten, es wechselt zwischen den Methoden hide(. und show(..
  • fadeIn() – Es zeigt die übereinstimmenden Elemente, indem es undurchsichtig ausgeblendet wird. Mit anderen Worten, es blendet die ausgewählten Elemente ein.
  • fadeOut() – Es zeigt die übereinstimmenden Elemente, indem es transparent ausgeblendet wird. Mit anderen Worten, es blendet die ausgewählten Elemente aus.

8. Wozu dient die Methode toggle() in JQuery?

Die jQuery toggle() ist eine besondere Art von Methode, die verwendet wird, um zwischen der Methode hide() und show() umzuschalten. Es zeigt die ausgeblendeten Elemente und blendet das angezeigte Element aus.

  • $(selektor..toggle()
  • $(selektor..toggle(Geschwindigkeit, Rückruf)
  • $(selector..toggle(Geschwindigkeit, Beschleunigung, Rückruf)
  • $(Auswahl..toggle(Anzeige)
  • Geschwindigkeit: Es ist ein optionaler Parameter. Es gibt die Geschwindigkeit der Verzögerung an. Mögliche Werte sind langsam, schnell und Millisekunden.
  • Lockerung: Es gibt die Beschleunigungsfunktion an, die für den Übergang verwendet werden soll.
  • Ruf zurück: Es ist auch ein optionaler Parameter. Es gibt die Funktion an, die nach Abschluss von toggle(. effect.
  • Anzeige: Bei true wird ein Element angezeigt. Bei false wird das Element ausgeblendet.

9. Was ist der Zweck der Methode fadeToggle() in JQuery?

Die jQuery-Methode fadeToggle() wird verwendet, um zwischen den Methoden fadeIn() und fadeOut(. umzuschalten. Wenn die Elemente eingeblendet werden, werden sie ausgeblendet, und wenn sie ausgeblendet werden, werden sie eingeblendet.

  • $(selektor..fadeToggle()
  • $(selector..fadeToggle(speed,callback)
  • $(selector..fadeToggle(Geschwindigkeit, Beschleunigung, Rückruf)
  • speed: Dies ist ein optionaler Parameter. Es gibt die Geschwindigkeit der Verzögerung an. Mögliche Werte sind langsam, schnell und Millisekunden.
  • Beschleunigung: Gibt die Beschleunigungsfunktion an, die für den Übergang verwendet werden soll.
  • Rückruf: Es ist auch ein optionaler Parameter. Es gibt die Funktion an, die nach Abschluss des Effekts fadeToggle() aufgerufen werden soll.

10. Wozu dient die Methode delay() in JQuery?

Die Methode jQuery delay(. wird verwendet, um die Ausführung von Funktionen in der Warteschlange zu verzögern. Dies ist die beste Methode, um eine Verzögerung zwischen den jQuery-Effekten in der Warteschlange zu erzielen. Die Methode jQUEry delay (. setzt einen Timer, um die Ausführung des nächsten Elements zu verzögern in der Warteschlange.

  • speed: Dies ist ein optionaler Parameter. Es gibt die Geschwindigkeit der Verzögerung an. Mögliche Werte sind langsam, schnell und Millisekunden.
  • QueueName: Es ist auch ein optionaler Parameter. Es gibt den Namen der Warteschlange an. Der Standardwert ist “fx” der Standard-Warteschlangeneffekt.

11. Ist es möglich, dass jQuery HTML sowohl für HTML- als auch für XML-Dokumente funktioniert?

Nein, jQuery HTML funktioniert nur für HTML-Dokumente. Es funktioniert nicht für XML-Dokumente.

12. Wozu dient die Methode html() in JQuery?

Die Methode jQuery html() wird verwendet, um den gesamten Inhalt der ausgewählten Elemente zu ändern. Es ersetzt den ausgewählten Elementinhalt durch neuen Inhalt.

13. Wozu dient die css(.-Methode in JQuery?

Die jQuery CSS(.-Methode wird verwendet, um (return.oder Stileigenschaften oder Werte für ausgewählte Elemente festzulegen. Sie können eine oder mehrere Stileigenschaften abrufen. Die jQuery CSS(. bietet zwei Möglichkeiten:

  • Legen Sie eine CSS-Eigenschaft fest: Diese Eigenschaft wird verwendet, um einen bestimmten Wert für alle übereinstimmenden Elemente festzulegen.

14. Wird die jQuery-Bibliothek für Server-Skripting oder Client-Skripting verwendet?

Es ist eine Bibliothek für clientseitiges Scripting.

15. Ist jQuery ein W3C-Standard?

Nein, jQuery ist kein W3C-Standard.

16. Was ist der Ausgangspunkt der Codeausführung in jQuery?

$(document..ready(. Funktion ist der Startpunkt des jQuery-Codes. Sie wird ausgeführt, wenn DOM geladen wird.

17. Was ist die Grundvoraussetzung, um mit jQuery zu beginnen?

Sie müssen auf die Bibliothek verweisen, um mit jQuery zu beginnen. Sie können die neueste Version von jQuery von jQuery.com herunterladen.

18. Können Sie anstelle von $ (Dollarzeichen. in jQuery) einen anderen Namen verwenden?

Ja, anstelle von $ (Dollarzeichen. Wir können jQuery als Funktionsnamen verwenden. Zum Beispiel:

19. Können Sie mehrere document.ready()-Funktionen auf derselben Seite verwenden?

Jawohl. Sie können eine beliebige Anzahl von document.ready(.-Funktionen auf derselben Seite verwenden. Beispiel:

20. Was ist der Unterschied zwischen Find- und Children-Methoden?

Die Find-Methode wird verwendet, um alle Ebenen im DOM-Baum zu finden, während die Kindermethode verwendet wird, um eine einzelne Ebene im DOM-Baum zu finden.

21. Was ist ein CDN?

CDN steht für Content Delivery Network oder Content Distribution Network. Es ist ein großes verteiltes System von Servern, das in mehreren Rechenzentren über das Internet bereitgestellt wird. Es stellt die Dateien von Servern mit einer höheren Bandbreite bereit, was zu einer schnelleren Ladezeit führt. Dies sind mehrere Unternehmen, die kostenlose öffentliche CDNs bereitstellen:

22. Was ist das Ziel von CDN und welche Vorteile bietet die Verwendung von CDN?

Das primäre Ziel des CDN ist es, den Endbenutzern Inhalte mit hoher Verfügbarkeit und hoher Leistung bereitzustellen.

Vorteile der CDN-Nutzung:

  • Es reduziert die Last vom Server.
  • Das spart Bandbreite. Das jQuery-Framework wird von diesen CDNs schneller geladen.
  • Wenn ein Benutzer regelmäßig eine Website besucht, die das jQuery-Framework von einem dieser CDNs verwendet, wird es zwischengespeichert.

23. Wie können Sie eine jQuery-Bibliothek in Ihrem Projekt verwenden?

Sie können eine jQuery-Bibliothek im ASP.Net-Projekt verwenden, indem Sie die neueste jQuery-Bibliothek von jQuery.com herunterladen und die Verweise auf die jQuery-Bibliotheksdatei in Ihre HTML/PHP/JSP/Aspx-Seite aufnehmen.

  • <script src=”_scripts/jQuery-1.2.6.js” type=”text/javascript”></script>
  • <script-Sprache=”javascript”>
  • $(document..ready(function(. <
  • Warnung (‘test’.
  • >.
  • </script>

24. Was sind die Selektoren in jQuery? Wie viele Arten von Selektoren in jQuery?

Wenn Sie mit einem Element auf der Webseite arbeiten möchten, müssen Sie es zuerst finden. Selektoren finden die HTML-Elemente in jQuery. Es gibt viele Arten von Selektoren. Einige grundlegende Selektoren sind:

  • Name: Wird verwendet, um alle Elemente auszuwählen, die mit dem angegebenen Elementnamen übereinstimmen.
  • #ID: Wird verwendet, um ein einzelnes Element auszuwählen, das mit der angegebenen ID übereinstimmt
  • .Class: Wird verwendet, um alle Elemente auszuwählen, die mit der angegebenen Klasse übereinstimmen.
  • Universal (*.: Wird verwendet, um alle in einem DOM verfügbaren Elemente auszuwählen.
  • Mehrere Elemente E, F, G: Wird verwendet, um die kombinierten Ergebnisse aller angegebenen Selektoren E, F oder G auszuwählen.
  • Attributauswahl: Wird verwendet, um Elemente basierend auf ihrem Attributwert auszuwählen.

25. Wozu dienen jQuery-Filter?

Der jQuery-Filter wird verwendet, um die spezifischen Werte aus dem Objekt zu filtern. Es filtert das Ergebnis Ihrer ursprünglichen Abfrage in bestimmte Elemente.

26. Was sind die verschiedenen Arten von Selektoren in jQuery?

Es gibt drei Arten von Selektoren in jQuery:

27. Was ist der Unterschied zwischen dem ID-Selektor und dem Klassenselektor in jQuery?

  • ID-Selektor und Klassenselektor sind die gleichen wie in CSS. Der ID-Selektor verwendet ID, während der Klassenselektor eine Klasse verwendet, um Elemente auszuwählen.
  • Sie verwenden einen ID-Selektor, um nur ein Element auszuwählen. Wenn Sie eine Gruppe von Elementen mit derselben CSS-Klasse auswählen möchten, verwenden Sie den Klassenselektor.

28. Wozu dient die Methode serialize() in JQuery?

Die Methode jQuery serialize() wird verwendet, um eine Textzeichenfolge in standardmäßiger URL-codierter Notation zu erstellen. Es serialisiert die Formularwerte, sodass seine serialisierten Werte in der URL-Abfragezeichenfolge verwendet werden können, während eine AJAX-Anfrage gestellt wird.

29. Wozu dient die Methode val() in JQuery?

Die jQuery val() Methode wird verwendet:

  • Um den aktuellen Wert des ersten Elements in der Menge der übereinstimmenden Elemente abzurufen.
  • Zum Festlegen des Werts jedes übereinstimmenden Elements.

30. Wie kann ich mit jQuery CSS-Klassen zu einem Element hinzufügen und entfernen?

Sie können die Methode addclass(. jQuery verwenden, um einem Element eine CSS-Klasse hinzuzufügen, und die Methode removeclass(. jQuery, um die CSS-Klasse aus einem Element zu entfernen.

  • <!DOCTYPE html>
  • <html>
  • <head>
  • <title>jAbfragebeispiel</title>
  • <script type=&rdquotext/javascript&rdquo src=&rdquohttps://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js&rdquo>
  • </script>
  • <script type=&rdquotext/javascript&rdquo language=&rdquojavascript&rdquo>
  • $(Dokument..ready(Funktion(.
  • <
  • $(&ldquo#btn&rdquo..click(function(.
  • <
  • $(&ldquo#para&rdquo..addClass(&ldquochange&rdquo.
  • >.
  • >.
  • </script>
  • <style>
  • .Veränderung
  • <
  • Farbe blau
  • >
  • </style>
  • </head>
  • <body>
  • <p-Methode fügt CSS-Klasse aus einem Element hinzu</p>
  • <input type=&rdquobutton&rdquo value=&rdquoClick me&rdquo>
  • </body>
  • </html>
  • <!DOCTYPE html>
  • <html>
  • <head>
  • <title>jAbfragebeispiel</title>
  • <script type=&rdquotext/javascript&rdquo src=&rdquohttps://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js&rdquo>
  • </script>
  • <script type=&rdquotext/javascript&rdquo language=&rdquojavascript&rdquo>
  • $(Dokument..ready(Funktion(.
  • <
  • $(&ldquo#btn&rdquo..click(function(.
  • <
  • $(&ldquop&rdquo..removeClass(&ldquochange&rdquo.
  • >.
  • >.
  • </script>
  • <style>
  • .Veränderung
  • <
  • Farbe blau
  • >
  • </style>
  • </head>
  • <body>
  • <p-Methode entfernt CSS-Klasse in ein Element</p>
  • <input type=&rdquobutton&rdquo value=&rdquoClick me&rdquo>
  • </body>
  • </html>

Holen Sie sich On-Demand-Jquery-Schulungskurs & Werden Sie JOB READY

31. Können Sie einen jQuery-Code schreiben, um alle Links innerhalb des Absatzes auszuwählen?

Jawohl. Sie können das <a>-Tag verwenden, das innerhalb des Absatz-Tags <p> verschachtelt ist, um alle Links auszuwählen. Beispielsweise:

  • <!DOCTYPE html>
  • <html>
  • <head>
  • <title>jAbfragebeispiel</title>
  • <script type=&rdquotext/javascript&rdquo src=&rdquohttps://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js&rdquo>
  • </script>
  • <script type=&rdquotext/javascript&rdquo language=&rdquojavascript&rdquo>
  • $(Dokument..ready(Funktion(.
  • <
  • $(&ldquop a&rdquo..attr(&ldquohref&rdquo, &ldquohttps://www.javatpoint.com&rdquo.
  • >.
  • </script>
  • </head>
  • <body>
  • <p><a>JavaScript lernen</a></p>
  • <p><a>JQuery lernen</a></p>
  • </body>
  • </html>

32. Was ist der Unterschied zwischen prop und attr?

  • attr(): Es ruft den Wert eines Attributs für das erste Element in der Menge der übereinstimmenden Elemente ab.
  • Stütze(): es erhält den Wert einer Eigenschaft für das erste Element in der Menge der übereinstimmenden Elemente. Es wird in jQuery 1.6 eingeführt.

33. Welche zwei Arten von CDNs gibt es?

Es gibt zwei Arten von CDN:

  • Microsoft: Es lädt jQuery von AJAX CDN.
  • Google: Es lädt jQuery aus der Google-Bibliotheken-API.

34. Wozu dient die Methode animate(. in jQuery?

Die Animationsfunktion wird verwendet, um den benutzerdefinierten Animationseffekt auf Elemente anzuwenden. Syntax:

  • $(selektor..animieren(, [Dauer], [Entschleunigung], [Rückruf].
  • “param” definiert die CSS-Eigenschaften, auf die Sie die Animation anwenden möchten.
  • “duration” gibt an, wie lange die Animation ausgeführt wird. Es kann einer der folgenden Werte sein: “slow,” “fast,” “normal” oder Millisekunden
  • “easing” ist die Zeichenfolge, die die Funktion für den Übergang angibt.
  • “callback” ist die Funktion, die wir ausführen möchten, sobald der Animationseffekt abgeschlossen ist.

35. Was ist jQuery-Ajax?

AJAX ist ein Akronym für Asynchronous JavaScript and XML und diese Technologie hilft uns, Daten zu laden und Daten mit dem Server auszutauschen, ohne dass eine Browserseite aktualisiert wird. JQuery ist ein großartiges Tool, das eine Vielzahl von AJAX-Methoden bietet, um Webanwendungen der nächsten Generation zu entwickeln.

36. Was macht die Methode ajax()?

Diese Methode sendet eine asynchrone HTTP-Anfrage an den Server.

37. Was sind die jQuery-Ajax-Ereignisse?

Die jQuery-Bibliothek enthält auch Ereignisse, die basierend auf dem Status der Ajax-Anfrage ausgelöst werden, diese werden als Ajax-Ereignisse bezeichnet.

38. Was macht die jQuery-Ajax-Ereignismethode ajaxComplete()?

Immer wenn eine Ajax-Anfrage abgeschlossen ist, löst jQuery das ajaxComplete-Ereignis aus. Alle Handler, die bei der Methode .ajaxComplete(. registriert wurden, werden zu diesem Zeitpunkt ausgeführt.

39. Was macht die jQuery-Ajax-Ereignismethode ajaxStart()?

Immer wenn eine Ajax-Anfrage gesendet werden soll, überprüft jQuery, ob noch andere Ajax-Anfragen ausstehen. Wenn keine in Bearbeitung sind, löst jQuery das Ereignis ajaxStart aus. Alle Handler, die bei der Methode .ajaxStart(. registriert wurden, werden zu diesem Zeitpunkt ausgeführt.

40. Was sind Ereignisse in jQuery?

Die Reaktion auf Benutzeraktionen auf einer Webseite wird als Ereignisse bezeichnet. jQuery bietet einfache Methoden zum Anhängen von Ereignishandlern an Auswahlen. Wenn ein Ereignis eintritt, wird die bereitgestellte Funktion ausgeführt.

41. Welche Kategorien gibt es in jquery Events?

Die üblichen DOM-Ereignisse sind wie folgt

42. Was sind die Selektoren in jQuery und welche Arten von Selektoren gibt es?

Wenn Sie mit einem Element auf der Webseite arbeiten möchten, müssen Sie es zuerst suchen oder auswählen. Selektoren finden die HTML-Elemente mit jQuery.

Es gibt viele Arten von Selektoren in der jQuery-Bibliothek. Einige grundlegende Selektoren sind:

  • Name: Wird verwendet, um alle Elemente auszuwählen, die mit dem angegebenen Elementnamen übereinstimmen.
  • #ID: Wird verwendet, um ein einzelnes Element auszuwählen, das mit der angegebenen ID übereinstimmt
  • .Class: Wird verwendet, um alle Elemente auszuwählen, die mit der angegebenen Klasse übereinstimmen.
  • Universal (*.: Wird verwendet, um alle in einem DOM verfügbaren Elemente auszuwählen.
  • Mehrere Elemente E, F, G: Wird verwendet, um die kombinierten Ergebnisse aller angegebenen Selektoren E, F oder G auszuwählen.
  • Attributauswahl: Wird verwendet, um Elemente basierend auf ihrem Attributwert auszuwählen.

43. Was ist Methodenverkettung in jQuery? Geben Sie ein Beispiel an. Welche Vorteile bietet es?

Methodenverkettung ist eine Funktion von jQuery, die es ermöglicht, mehrere Methoden nacheinander auf einer jQuery-Auswahl in einer einzigen Codeanweisung auszuführen. Die folgenden Code-Schnipsel sind beispielsweise äquivalent:

Ohne Verkettung:

  • $( “button#play-movie” ).on( “click”, playMovie )
  • $( “button#play-movie” ).css( “Hintergrundfarbe”, “orange” )
  • $( “button#play-movie” ).show()

Mit Verkettung:

  • $( “button#play-movie” ).on( “click”, playMovie )
  • $( “button#play-movie” ).on( “click”, playMovie )
  • .Show()

Beachten Sie, dass die Schaltfläche bei der Verkettung nur einmal ausgewählt werden muss, während jQuery ohne Verkettung das gesamte DOM durchsuchen und die Schaltfläche finden muss, bevor jede Methode angewendet wird. Daher bietet die Methodenverkettung in jQuery nicht nur einen prägnanteren Code, sondern auch einen potenziell mächtigen Leistungsvorteil.

Notiz: Um ganz genau zu sein, sollte beachtet werden, dass die Methodenverkettung in jQuery nicht die nur Möglichkeit, das wiederholte Durchsuchen des gesamten DOM zu vermeiden. Man könnte auch eine Variable gleich den anfänglichen DOM-Suchergebnissen setzen (dh im obigen Beispiel könnte man eine Variable gleich $( “button#play-movie”) setzen und dann on(), css() aufrufen , und show()-Methoden für diese Variable.) Aber das Verketten ist immer noch die prägnantere und effizientere Option und erfordert kein Zwischenspeichern des Ergebnisses in einer lokalen Variablen.

44. Was ist der Unterschied zwischen den Methoden onload() und document.ready()?

Das Body.Onload()-Ereignis wird erst aufgerufen, nachdem das DOM und die zugehörigen Ressourcen wie Bilder geladen wurden, aber das document.ready()-Ereignis von jQuery wird aufgerufen, sobald das DOM geladen ist und nicht auf Ressourcen wie Bilder wartet geladen sein.

45. Was ist jQuery Connect?

Ein ‚jQuery Connect‘ ist ein Plug-In, das verwendet wird, um eine Funktion mit einer anderen Funktion zu verbinden oder zu binden. Connect wird verwendet, um eine Funktion auszuführen, wenn eine Funktion von einem anderen Objekt oder Plug-In ausgeführt wird.

46. ​​Ist jQuery für Bootstrap erforderlich?

Bootstrap verwendet jQuery für JavaScript-Plugins (wie Modelle, Tooltips usw.). Wenn Sie jedoch nur den CSS-Teil von Bootstrap verwenden, benötigen Sie jQuery nicht.

47. Was ist jQuery Mobile?

jQuery Mobile ist ein HTML5-basiertes Benutzeroberflächensystem, das entwickelt wurde, um responsive Websites und Apps zu erstellen, die auf allen Smartphones, Tablets und Desktop-Geräten zugänglich sind.

48. Was ist der Unterschied zwischen jquery.min.js und jquery.js?

jquery.min.js ist eine komprimierte Version von jquery.js (Leerzeichen und Kommentare werden entfernt, kürzere Variablennamen werden verwendet usw. um Bandbreite zu sparen. In Bezug auf die Funktionalität sind sie absolut gleich. Es wird empfohlen, Verwenden Sie diese komprimierte Version in der Produktionsumgebung.Die Effizienz der Webseite erhöht sich, wenn die minimierte Version von jQuery verwendet wird.

49. Ist es möglich, dass jQuery HTML sowohl für HTML- als auch für XML-Dokumente funktioniert?

Nein, jQuery HTML funktioniert nur für HTML-Dokumente. Es funktioniert nicht für XML-Dokumente.

50. Was ist die jQuery-Benutzeroberfläche?

Die jQuery-Benutzeroberfläche ist eine Reihe von Benutzeroberflächeninteraktionen, Effekten, Widgets und Themen, die auf der jQuery-JavaScript-Bibliothek aufbauen. Die jQuery-Benutzeroberfläche eignet sich gut für hochgradig interaktive Webanwendungen mit vielen Steuerelementen oder für eine einfache Seite mit einem Datumsauswahl-Steuerelement.

Melden Sie sich für Echtzeit-Jquery-Schulungen von Branchenexperten an

51. Was ist ein Datentabellen-Plug-In für jQuery?

DataTables ist ein Plug-in für die jQuery-JavaScript-Bibliothek. Es ist ein hochflexibles Werkzeug, das auf den Grundlagen der progressiven Verbesserung aufbaut und jeder HTML-Tabelle erweiterte Funktionen hinzufügt.

52. Was ist Qunit?

QUnit ist ein leistungsstarkes, einfach zu verwendendes Framework für JavaScript-Komponententests. Es wird von den jQuery-, jQuery-UI- und jQuery Mobile-Projekten verwendet und kann jeden generischen JavaScript-Code testen.

53. Was ist der Vorteil des Hostens einer jQuery mit einem CDN?

CDN steht für Content Delivery Network oder Content Distribution Network. Es ist ein großes verteiltes System von Servern, das in mehreren Rechenzentren über das Internet bereitgestellt wird. Es stellt die Dateien von Servern mit einer höheren Bandbreite bereit, was zu einer schnelleren Ladezeit führt.

Vorteile der Verwendung von CDN sind-

  • Die Downloadzeit der jQuery-Bibliothek wird verkürzt. Beispiel: – Benutzer in Europa treffen auf das CDN in Europa und Benutzer in den USA auf das US-CDN. Dadurch wird die Gesamtladezeit der Seite verkürzt.
  • Die jQuery-Bibliothek wird bereits im Browser des Benutzers zwischengespeichert, wenn der Benutzer eine andere Website besucht, die auf dieselbe jQuery-Bibliothek verweist. In diesem Fall muss der Benutzer die jQuery-Bibliothek nicht herunterladen.

54. Erklären Sie den Unterschied zwischen den Methoden .detach() und remove() in jQuery.

Die Methoden detach() und remove() sind identisch, außer dass .detach() alle jQuery-Daten behält, die mit den entfernten Elementen verknüpft sind, und .remove() nicht. detach() ist daher nützlich, wenn entfernte Elemente zu einem späteren Zeitpunkt möglicherweise wieder in das DOM eingefügt werden müssen.

55. Kann eine jQuery-Bibliothek für Server-Scripting verwendet werden?

jQuery wurde mit der Funktionalität für clientseitiges Scripting entwickelt. jQuery ist nicht mit serverseitigem Scripting kompatibel.

56. Wozu dient die Funktion jQuery .each()?

Die Funktion “jQuery.each()” ist eine allgemeine Funktion, die eine Sammlung (Objekttyp oder Arraytyp) durchläuft. Array-ähnliche Objekte mit einer Längeneigenschaft werden nach ihrer Indexposition und ihrem Wert iteriert. Andere Objekte werden anhand ihrer Schlüsselwerteigenschaften iteriert. Die Funktion “jQuery.each()” funktioniert jedoch anders als die Funktion $(selector).each(), die mit dem Selektor für das DOM-Element arbeitet. Aber beide iterieren über ein jQuery-Objekt.

57. Welche Methoden werden verwendet, um Effekte zu erzielen?

jQuery bietet viele erstaunliche Effekte, wir können diese Effekte schnell und mit einfacher Konfiguration anwenden. Der Effekt kann ausblenden, anzeigen, umschalten, ausblenden, einblenden, ausblenden usw. toggle(., Show(. and hide(. Methoden. Ebenso können wir andere Methoden wie im Folgenden verwenden:

  • animate( params, [Dauer, Beschleunigung, Rückruf] . Diese Funktion erstellt benutzerdefinierte Animationen für Ihre HTML-Elemente.
  • fadeIn( speed, [callback] . Diese Funktion blendet alle übereinstimmenden Elemente ein, indem sie ihre Deckkraft anpasst und nach Abschluss einen optionalen Callback auslöst.
  • fadeOut( speed, [callback] . Diese Funktion wird verwendet, um alle übereinstimmenden Elemente auszublenden, indem ihre Deckkraft auf 0 eingestellt wird, dann die Anzeige auf “none” gesetzt und nach Abschluss ein optionaler Callback ausgelöst wird.
  • fadeTo( speed, opacity, callback . Diese Funktion verschmilzt die Opazität aller übereinstimmenden Elemente mit einer angegebenen Opazität und löst nach Abschluss einen optionalen Callback aus.
  • stop( [clearQueue, gotoEnd ]. Diese Funktion stoppt alle aktuell laufenden Animationen.

58. Wie behandelt man das Controls-Attribut mit jQuery?

Für die Handhabung von Controls-Attributen mit jQuery haben wir .addClass(., .removeClass(., .css(., .toggleClass(., etc. verwendet, um alle CSS- und HTML-Attribute jedes HTML-Steuerelements zu verwalten.

59. Wie arbeite ich mit den Methoden parent(), children() und siblings() in jQuery?

Die Funktion parent() gibt das Elternelement des ausgewählten Elements zurück, indem die jQuery-Funktion parent() aufgerufen wird. Die Funktion siblings() gibt alle Geschwister von gegebenen HTML-Elementen zurück.

60. Erklären Sie, was der folgende Code bewirkt:

$( “div#first, div.first, ol#items > [name$=’first’]” )

Dieser Code führt eine Abfrage aus, um jedes <div>-Element mit der ID zuerst abzurufen, plus alle <div>-Elemente mit der Klasse zuerst sowie alle Elemente, die untergeordnete Elemente des <ol-Elements sind und deren Namensattribut mit der Zeichenfolge “first” endet. Dies ist ein Beispiel für die gleichzeitige Verwendung mehrerer Selektoren. Die Funktion gibt ein jQuery-Objekt zurück, das die Ergebnisse der Abfrage enthält.

61. Definiere bind() und unbind Elemente in jQuery?

Die jQuery bind()-Methode hängt einen Event-Handler an Elemente an, während unbind() einen vorhandenen Event-Handler von Elementen trennt. Verwenden Sie einfachen HTML-Code, um die HTML-Elemente zu erstellen.

62. Wie entferne ich ein DOM-Element mit jQuery?

Manchmal müssen wir alle untergeordneten Knoten löschen und DOM-Elemente mit jQuery entfernen, um eine dynamische Webseite zu erstellen. In diesem Szenario bietet jQuery einige Methoden zum Entfernen von DOM-Elementen. Hier sind die Optionen:

63. Welche Arten von jQuery-Filtern gibt es?

JQuery unterstützt verschiedene Arten von Filtern, wie zum Beispiel:

64. Wozu dient die jQuery.ajax-Methode()?

Die Methode ajax() wird verwendet, um eine AJAX (asynchrone HTTP.-Anfrage) auszuführen. Sie bietet mehr Kontrolle über das Senden von Daten und die Antwortdaten. Sie ermöglicht die Behandlung von Fehlern, die während eines Aufrufs auftreten, und der Daten, wenn der Aufruf an die ajax Seite ist erfolgreich.

Hier ist die Liste einiger grundlegender Parameter, die für die jQuery.ajax-Methode erforderlich sind:

  • type: Gibt den Typ der Anfrage an (GET oder POST).
  • url: Gibt die URL an, an die die Anfrage gesendet werden soll. Der Standardwert ist die aktuelle Seite.
  • contentType: Der Inhaltstyp, der beim Senden von Daten an den Server verwendet wird. Der Standardwert ist “application/x-www-form-urlencoded”.
  • dataType: Der von der Serverantwort erwartete Datentyp.
  • data: Gibt Daten an, die an den Server gesendet werden sollen.
  • success(result,status,xhr.: Eine Funktion, die ausgeführt wird, wenn die Anforderung erfolgreich ist.
  • error(xhr,status,error.: Eine Funktion, die ausgeführt wird, wenn die Anforderung fehlschlägt.

65. Was ist ein Attribut in jQuery?

Es gibt viele wichtige Eigenschaften von DOM- oder HTML-Elementen wie zum Beispiel für das <img>-Tag src, class, id, title und andere Eigenschaften. jQuery bietet Möglichkeiten zum einfachen Bearbeiten eines Elementattributs und gibt uns Zugriff auf das Element, sodass wir auch seine Eigenschaften ändern können.

  • attr( properties ) – Setzt ein Schlüssel/Wert-Objekt als Eigenschaften für alle übereinstimmenden Elemente.
  • attr( key, fn ) – Setzt eine einzelne Eigenschaft auf einen berechneten Wert für alle übereinstimmenden Elemente.
  • removeAttr( name ) – Entferne ein Attribut von jedem der übereinstimmenden Elemente.
  • hasClass( class ) – Gibt true zurück, wenn die angegebene Klasse auf mindestens einem der übereinstimmenden Elemente vorhanden ist.
  • removeClass( class ) – Entfernt alle oder die angegebene(n) Klasse(n) aus der Menge übereinstimmender Elemente.
  • toggleClass( class ) – Fügt die angegebene Klasse hinzu, wenn sie nicht vorhanden ist, entfernt die angegebene Klasse, wenn sie vorhanden ist.
  • html( ) ​​– Ruft den HTML-Inhalt (innerHTML. des ersten übereinstimmenden Elements) ab.
  • html( val ) – Setzt den HTML-Inhalt jedes übereinstimmenden Elements.
  • text( ) – Ruft den kombinierten Textinhalt aller übereinstimmenden Elemente ab.
  • text( val ) – Setzt den Textinhalt aller übereinstimmenden Elemente.
  • val(). – Ruft den Eingabewert des ersten übereinstimmenden Elements ab.

66. Was ist die jQuery Unbind()-Methode?

Die jQuery bind()-Methode hängt einen Event-Handler an Elemente an, während unbind() einen vorhandenen Event-Handler von Elementen trennt. Verwenden Sie einfachen HTML-Code, um die HTML-Elemente zu erstellen.

67. Was ist die jQuery-Animation?

Kurz gesagt, die .animate-Methode wird verwendet, um eine benutzerdefinierte Animation eines Satzes von CSS-Eigenschaften durchzuführen. Die Methode .animate() gibt es in zwei Varianten. Das erste benötigt vier Argumente und das zweite zwei Argumente.

68. Wie finden Sie Browser und Browserversionen in jQuery?

  • Die Verwendung der $.browser-Eigenschaft von jQuery gibt die Browserinformationen zurück.
  • Die Verwendung von $.browser wird von jQuery selbst nicht empfohlen, daher wurde diese Funktion in das jQuery.migrate-Plugin verschoben, das auf Wunsch des Benutzers heruntergeladen werden kann. Es ist eine anfällige Praxis, dasselbe zu verwenden. Verwenden Sie es nur bei Bedarf. Es ist immer besser, keine browserspezifischen Codes zu verwenden.

69. Wie implementieren Sie Sticky Ads auf Ihrer Website?

  • Sticky Ads sind solche, die Ihnen folgen, wenn Sie auf einer Seite nach unten scrollen. Sie sind eine gute Möglichkeit, die Klicks von Anzeigen auf unsere Website und damit den Umsatz der Website zu erhöhen.
  • Wir können Sticky Kit verwenden, ein jQuery-Plugin zum Erstellen von klebrigen Elementen auf der Website. Es ermöglicht uns, jedem HTML-Element wie einem div, span usw.

70. Treeview und seine Arbeitsweise erklären?

Das Anzeigen von Eltern und ihren Kindern in Form eines Baums erfolgt durch Erstellen einer Baumansicht. Es gibt 2 Knoten – ‚+‘ & ‚-‘, die beim Klicken die Baumansicht öffnen oder schließen.

71. Wie erstelle ich eine auffällige Multiselect in jQuery?

Durch die Verwendung des Select2 jQuery-Plugins, das uns ein hochgradig anpassbares jQuery-Multiselect-Steuerelement mit Unterstützung für Suchen, Tagging, Remote-Datensätze, unendliches Scrollen und viele andere häufig verwendete Optionen bietet.

72. Was ist ein jQuery-Timer?

Ein jQuery-Timer wird mit JavaScript-Methoden erstellt – setInterval() und setTimeout(..

73. Was ist Web Scraper und wie wird es implementiert?

Ein Web Scraper ist eine Software, die beim Extrahieren von Daten von Websites hilft. Es wird verwendet, um typische Informationen wie E-Mails, Telefonnummern, Adressen usw. aus verschiedenen URLs zu extrahieren. Ich habe einen Web Scraper in ASP.NET MVC mit jQuery erstellt. Dieser Scraper extrahiert alle E-Mails und Telefonnummern von einer angegebenen URL.

74. Wie erstelle ich jQuery Autocomplete?

Um eine Autocomplete-Funktion in jQuery zu erstellen, verwenden wir jQuery AJAX, um die serverseitige Methode aufzurufen. Diese Methode ruft Ergebnisse aus der Datenbank ab und gibt sie an die jQuery-Methode zurück, die sie aufgerufen hat.

75. Erklären Sie die jQuery-DOM-Manipulation mit Code

DOM = Document Object Model: Das DOM definiert einen Standard für den Zugriff auf HTML- und XML-Dokumente. Ein sehr wichtiger Teil von jQuery ist die Möglichkeit, das DOM zu manipulieren. Die jQuery wird mit einer Reihe von DOM-Manipulationsbezogenen Methoden geliefert, die den Zugriff auf und die Manipulation von Elementen und Attributen erleichtern.

Drei einfache, aber nützliche jQuery-Methoden für die DOM-Manipulation sind:

  • text() – Setzt den Textinhalt ausgewählter Elemente oder gibt ihn zurück
  • html() – Setzt den Inhalt ausgewählter Elemente (einschließlich HTML-Markup) oder gibt ihn zurück.
  • val() – Setzt oder gibt den Wert von Formularfeldern zurück

76. Welche Funktionen werden von jQuery in Webanwendungen verwendet?

jQuery hat einige wichtige Funktionen, die in Webanwendungen verwendet werden, wie zum Beispiel:

  • HTML/DOM-Manipulation: JavaScript hat keine DOM-Funktionen, aber JavaScript im Browser enthält einige Informationen über das DOM.
  • Handhabung des Events: jQuery hat eine Funktion namens Ereignisbehandlung eingeführt. Sie können Code schreiben, der ausgeführt wird, wenn ein Benutzer auf einen bestimmten Teil der Seite klickt oder die Maus über ein Formularelement bewegt. jQuery enthält viele Ereignisse, z. B. ein Benutzer, der auf eine Schaltfläche klickt, eine Maus über ein Element bewegt usw.
  • Ajax-Unterstützung: Wenn Sie ein Element aus einer DropDownList oder einem anderen Steuerelement auf derselben Seite auswählen, kann dies zu Datenverlust führen. Ajax wird verwendet, um den Teil der Webseite zu aktualisieren, ohne die Seite neu zu laden.
  • Animationen in jQuery: Die jQuery enthält viele integrierte Animationseffekte, die Sie in Ihren Websites verwenden können. Zum Beispiel Animation, Show, Hide und so weiter. In jQuery wird die Methode animate(. verwendet, um solche Aufgaben auszuführen.

77. Erklären Sie, was der folgende Code bewirkt:

Dieser Code verwendet Methodenverkettung, um einige Dinge zu erreichen. Zuerst wählt es alle <div>-Elemente aus und ändert ihre CSS-Breite auf 300px. Anschließend werden alle <p>-Elemente zur aktuellen Auswahl hinzugefügt, sodass die CSS-Hintergrundfarbe sowohl für die <div>- als auch für die <p>-Elemente schließlich in Blau geändert werden kann.

78. Was ist Verkettung in jQuery?

Verkettung ist eine leistungsstarke Funktion von jQuery. Dies bedeutet, einem Element mehrere Funktionen und/oder Selektoren zuzuweisen. Die Verkettung reduziert das Codesegment und hält es sehr sauber und leicht verständlich. Im Allgemeinen verwendet die Verkettung die integrierten jQuery-Funktionen, die die Kompilierung etwas schneller machen.

79. Wie kann jQuery in Verbindung mit einer anderen JavaScript-Bibliothek verwendet werden, die auch verwendet $ für die Benennung?

$ hat in JavaScript keine besondere Bedeutung. Es kann bei der Objektbenennung verwendet werden. In jQuery wird es einfach als Alias ​​für das jQuery-Objekt und die jQuery(.-Funktion verwendet.

jQuery hat jedoch kein Monopol auf die Verwendung von $, was Situationen schaffen kann, in denen Sie es in Verbindung mit einer anderen JS-Bibliothek verwenden möchten, die ebenfalls $ verwendet. Dies würde zu einem Namenskonflikt führen. jQuery stellt aus diesem Grund die Methode jQuery.noConflict(. bereit. Der Aufruf dieser Methode macht es erforderlich, in nachfolgenden Verweisen auf jQuery und seine Funktionen stattdessen den zugrunde liegenden Namen jQuery zu verwenden.

80. Was sind jQuery-Plugins?

  • Plugins sind ein Stück Code. Die jQuery-Plugins sind ein Code, der in eine Standard-JavaScript-Datei geschrieben wurde. Diese JavaScript-Dateien bieten nützliche jQuery-Methoden, die zusammen mit jQuery-Bibliotheksmethoden verwendet werden können.
  • Jede Methode, die Sie in Plugins verwenden, muss am Ende ein Semikolon () haben. Die Methode muss ein Objekt zurückgeben, sofern nicht ausdrücklich anders angegeben. Es erzeugt auf diese Weise sauberen und kompatiblen Code. Sie müssen dem Dateinamen jQuery voranstellen, gefolgt vom Namen des Plugins und mit .js abschließen.

81. Was ist queue() in Jquery? Verwendung von queue() in jquery?

  • Verzögerung fällt in jQuery in die Kategorie der benutzerdefinierten Effekte. Seine einzige Verwendung besteht darin, die Ausführung nachfolgender Elemente in der Ausführungswarteschlange zu verzögern.
  • QueueName ist der Name der Queue, in die die Verzögerungszeit eingefügt werden soll. Standardmäßig ist es eine „fx“-Warteschlange. Eine „fx“-Warteschlange wird auch als Effektwarteschlange bezeichnet.
  • delay( Dauer [, WarteschlangeName ] .

82. Was ist die Methode Slice() in jQuery?

Die Methode Slice() wählt eine Teilmenge der übereinstimmenden Elemente aus, indem sie einen Bereich von Indizes angibt. Es gibt die Menge der DOM-Elemente auf der Grundlage eines Parameters an.

Start: Dies ist der erste und obligatorische Parameter der Slice-Methode. Dies gibt an, von wo aus mit der Auswahl der Elemente begonnen werden soll.

  • Ende: Dies ist ein optionaler Parameter. Es gibt den Bereich der Auswahl an. Dies gibt an, wo die Auswahl der Elemente mit Ausnahme des Endelements beendet werden soll.

83. Welche Möglichkeiten gibt es, jQuery in eine Seite einzubinden?

Die verschiedenen Möglichkeiten zum Einbinden von jQuery in eine Seite sind:

  • Lokale Kopie innerhalb des Skript-Tags
  • Remote-Kopie von jQuery.com
  • Remote-Kopie der Ajax-API
  • Lokale Kopie des Skriptmanager-Steuerelements
  • Eingebettetes Skript mit Client-Skriptobjekt

84. Welche vier Parameter werden für die jQuery-Ajax-Methode verwendet?

Die vier Parameter, die für die jQuery Ajax-Methode verwendet werden, sind:

  • URL – Sie müssen die URL angeben, um die Anfrage zu senden.
  • Typ – Dies gibt den Typ der Anforderungen an, z. B. Get oder Post.
  • Daten – Gibt die an den Server zu sendenden Daten an.
  • Cache – Dies entscheidet, ob der Browser die angeforderte Seite zwischenspeichern soll.

85. Was ist der Unterschied zwischen $(window).load und $(document).ready in jQuery?

  • $(window).load ist ein Ereignis, das ausgelöst wird, wenn das DOM und andere Inhalte auf der Seite vollständig geladen sind. Dieses Ereignis wird nach dem ready-Ereignis ausgelöst.
  • In den meisten Fällen kann das Skript ausgeführt werden, sobald das DOM vollständig geladen ist. ready() ist normalerweise der beste Ort, um Ihren JavaScript-Code zu schreiben. Es könnte jedoch ein Szenario geben, in dem Sie möglicherweise Skripts in der Funktion load() schreiben müssen. Zum Beispiel, um die tatsächliche Breite und Höhe eines Bildes abzurufen.
  • Das Ereignis $(window..load wird ausgelöst, sobald das DOM und alle CSS, Bilder und Frames vollständig geladen sind. Es ist also der beste Ort, um den jQuery-Code zu schreiben, um die tatsächliche Bildgröße oder die Details von allem zu erhalten die geladen wird, kurz bevor das Load-Ereignis ausgelöst wird.

86. Was ist der Unterschied zwischen jquery.size() und jquery.length?

jQuery .size() Methode gibt die Gesamtzahl der im Objekt vorhandenen Elemente an. Die Methode size(. wird jedoch nicht bevorzugt, da jQuery die Eigenschaft .length hat. Sie tut dasselbe, aber die Eigenschaft .length hat nicht den Overhead eines Funktionsaufrufs.

87. Was ist jQuery Connect und wie wird es verwendet?

  • jQuery connect ist ein Plugin, das verwendet wird, um eine Funktion mit einer anderen Funktion zu verbinden oder zu binden. Connect wird verwendet, um eine Funktion von einer anderen Funktion oder einem anderen Plugin auszuführen.
  • Es kann verwendet werden, indem eine jQuery-Verbindungsdatei von jQuery.com heruntergeladen und diese Datei dann in die HTML-Datei aufgenommen wird. Sie müssen $.connect verwenden, um eine Funktion mit einer anderen zu verbinden.

88. Wozu dient die Methode param() in jQuery?

Die Methode param() wird verwendet, um ein Array oder ein Objekt serialisiert darzustellen. Bei einer Ajax-Anfrage können wir diese Serialisierungswerte in den Abfragezeichenfolgen von URL verwenden.

  • „Objekt | array“ gibt ein zu serialisierendes Array oder Objekt an.
  • „boolValue“ gibt an, ob der traditionelle Stil der Param-Serialisierung verwendet werden soll oder nicht.

89. Unterscheide zwischen width() und css(‘width’) in jQuery

Es gibt zwei verschiedene Methoden in jQuery, um die Breite eines Elements zu ändern. Die erste Möglichkeit ist die Verwendung von .css('width'. und eine andere Möglichkeit ist die Verwendung von .width(..

Der Unterschied in .css('width'. und .width(. ist der Datentyp des Wertes, den wir von beiden Funktionen angeben oder zurückgeben. In .css('width'. müssen wir px zum Breitenwert hinzufügen, während wir in . width(. wir müssen px nicht hinzufügen.

90. Welche verschiedenen Ajax-Funktionen sind in jQuery verfügbar?

Ajax ermöglicht es dem Benutzer, Daten mit einem Server auszutauschen und Teile einer Seite zu aktualisieren, ohne die gesamte Seite neu zu laden. Einige der Funktionen von Ajax umfassen:

  • $.ajax(. – Dies wird als die niedrigste und grundlegendste Funktion angesehen. Sie wird zum Senden von Anforderungen verwendet. Diese Funktion kann ohne Selektor ausgeführt werden.
  • $.ajaxSetup(. – Diese Funktion wird verwendet, um die Optionen für verschiedene Ajax-Aufrufe zu definieren und einzustellen.
  • $.getJSON(. – Dies ist eine spezielle Art von Kurzschriftfunktion, die verwendet wird, um die URL zu akzeptieren, an die die Anfragen gesendet werden. In solchen Funktionen sind auch optionale Daten und optionale Callback-Funktionen möglich.

91. Unterscheiden Sie zwischen .empty() und .remove() vs.detach() in jQuery.

  • .remove() – Diese Methode wird verwendet, um alle übereinstimmenden Elemente zu entfernen. Es entfernt alle jQuery-Daten, die mit dem übereinstimmenden Element verknüpft sind.
  • .detach() – Diese Methode entspricht der Methode .remove(), außer dass die Methode .detach() keine jQuery-Daten entfernt, die mit den übereinstimmenden Elementen verknüpft sind.

92.Was ist jQuery.noConflict?

jQuery no-conflict ist eine Option von jQuery, um die Konflikte zwischen den verschiedenen Javascript-Frameworks oder -Bibliotheken zu überwinden. Wenn Sie den konfliktfreien jQuery-Modus verwenden, ersetzen Sie das $ durch eine neue Variable und weisen jQuery einige andere JavaScript-Bibliotheken zu. Außerdem wird das $ als Funktions- oder Variablenname verwendet, den jQuery hat.

93. Nennen Sie einige Vorteile von jQuery.

Die Verwendung von jQuery bietet viele Vorteile. Einige von ihnen umfassen:

  • Es ist wie eine erweiterte Version von JavaScript, sodass es keinen Overhead beim Erlernen einer neuen Syntax gibt.
  • jQuery hat die Fähigkeit, den Code einfach, lesbar, klar und wiederverwendbar zu halten.
  • Es hat Cross-Browser-Unterstützung.
  • Dadurch entfällt die Notwendigkeit, komplexe Schleifen und DOM-Skriptbibliotheksaufrufe zu schreiben.
  • jQuery hilft bei der Ereigniserkennung und -behandlung.
  • Es bietet jede Menge Plug-Ins für alle Arten von Anforderungen.

94. Wie können Sie Eigenschaften eines Objekts in JavaScript lesen?

Sie können Eigenschaften eines Objekts mit der Punktnotation wie folgt schreiben und lesen

  • // Objekt bekommen
  • Eigenschaften
  • emp.name // ==> Zara
  • Emp.Alter // ==> 10
  • // Objekteigenschaften einstellen
  • emp.name = „Gänseblümchen“ // <== Gänseblümchen
  • Emp.Alter = 20 // <== 20

95. Wie können Sie ein Array in JavaScript erstellen?

Sie können Arrays mit dem Array-Literal wie folgt definieren

96. Wie lese ich Elemente eines Arrays in JavaScript?

Ein Array hat eine Längeneigenschaft, die für die Iteration nützlich ist. Wir können Elemente eines Arrays wie folgt lesen

97. Was ist eine benannte Funktion in JavaScript? Wie definiere ich eine benannte Funktion?

Eine benannte Funktion hat einen Namen, wenn sie definiert wird. Eine benannte Funktion kann mit dem Schlüsselwort function wie folgt definiert werden


Externe Objekte und externe Datenquelle (Salesforce Connect)

Salesforce Connect ist ein standardmäßiges Salesforce-Framework, mit dem Sie Daten außerhalb von Salesforce (externe Quellen) erstellen, anzeigen, bearbeiten, löschen und durchsuchen können, ob lokal oder in der Cloud oder aus Salesforce

Um Zugriff auf die im externen System gespeicherten Echtzeitdaten zu erhalten, müssen Sie eine externe Datenquelle in Salesforce erstellen

Einrichtung -> Externe Datenquelle -> Neue externe Datenquelle

Externe Datenquellen:

Externe Datenquelle definiert, wie auf Daten aus einem externen System zugegriffen wird. Salesforce-Verbindung und Dateiverbindung verwendet externe Datenquellen, um auf Daten zuzugreifen, die außerhalb Ihrer Salesforce-Organisation gespeichert sind.

Salesforce Connect verwendet externe Datenquellen, um auf Daten zuzugreifen, die außerhalb Ihrer Salesforce-Organisation gespeichert sind. Salesforce Connect verwendet protokollspezifische Adapter wie Cross – org (verwenden Sie die Lightning-Plattform Rest API, um auf Daten in einer anderen Salesforce-Organisation zuzugreifen), OpenData2.0(OData2.0), OData4.0, benutzerdefinierter Adapter, der über Apex erstellt wurde (Apex Connector Framework) zur Verbindung mit einem externen System

Files Connect verwendet eexterne Datenquellen für den Zugriff auf Content-Systeme von Drittanbietern. File Connect-Adapter sind Google Drive, Box, SharePoint Online usw.

Externen Datenquellen sind externe Objekte zugeordnet, die Ihre Benutzer und die Lightning-Plattform verwenden, um mit den externen Daten und Inhalten zu interagieren.

Externe Objekte: ähneln benutzerdefinierten Objekten in Salesforce, aber externe Objektdatensatzdaten werden außerhalb Ihrer Salesforce-Organisation gespeichert. Die Daten werden in externen Systemen wie Oracle, SAP, Heroku Postgres usw. gespeichert. Jedes externe Objekt ist mit einer externen Datenquellendefinition in Ihrer Salesforce-Organisation verknüpft. Eine externe Datenquelle gibt an, wie auf ein externes System zugegriffen wird.

  • Jede Organisation kann bis zu 100 externe Objekte. Externe Objekte zählen nicht zum Betrag für benutzerdefinierte Objekte.

Durch die Verwendung externer Objekte müssen Sie keine Kopie dieser Daten in Salesforce verwalten, sodass Sie keinen Speicher und keine Ressourcen verschwenden, um Daten synchron zu halten, und Sie können bei Bedarf auf Daten zugreifen.

Externe Objekte sind am besten verwendet, wenn Sie eine große Datenmenge haben, die Sie nicht in Ihrer Salesforce-Organisation speichern können oder möchten, und Sie nur eine kleine Datenmenge gleichzeitig verwenden müssen.

jedes externe Objekt endet mit “__x“.

Wenn Sie das Account-Objekt der Anbieterorganisation synchronisieren, erstellt die Abonnentenorganisation:

  • Ein externes Objekt mit dem API-Namen Account__x
  • Benutzerdefinierte Felder, darunter eines mit dem API-Namen Account__x.Name__c

Wenn Sie das CustObj__c-Objekt der Anbieterorganisation synchronisieren, erstellt die Abonnentenorganisation:

  • Ein externes Objekt mit dem API-Namen CustObj_c__x
  • Benutzerdefinierte Felder, darunter eines mit dem API-Namen CustObj_c__x.Name__c

Wenn das Objekt der Anbieterorganisation ein benutzerdefiniertes Feld hat, erstellt die Abonnentenorganisation das benutzerdefinierte Feld auf dem entsprechenden externen Objekt, zum Beispiel:

Wenn Sie das externe Objekt Account__x der Anbieterorganisation synchronisieren, erstellt die Abonnentenorganisation:

  • Ein externes Objekt mit dem API-Namen Account_x__x
  • Benutzerdefinierte Felder, darunter eines mit dem API-Namen Account_x__x.Name_c__c

Suche nach externen Objekten:

Externe Objekte unterstützen standardmäßige Nachschlagebeziehungen, die die 18-stelligen Salesforce-Datensatz-IDs verwenden, um verwandte Datensätze miteinander zu verknüpfen. Aber Daten, die außerhalb Ihrer Salesforce-Organisation gespeichert sind, enthalten diese Datensatz-IDs oft nicht. Für externe Objekte stehen also zwei spezielle Arten von Nachschlagebeziehungen zur Verfügung: externe Lookups und indirekte Lookups-Beziehungen.

Externe Suche: Verwenden Sie diese Beziehung, wenn Standard externe ID -Feld auf dem übergeordneten externen Objekt werden mit den Werten des externen Nachschlagebeziehungsfelds abgeglichen.

Verwenden Sie die externe Suche, wenn das übergeordnete Objekt ein externes Objekt ist

Beispiel: Sie haben Kontakte und Accounts in einer externen Organisation oder einer anderen Salesforce-Organisation gespeichert, die wir als Bereitstellungsorganisation betrachten. In der Abonnentenorganisation möchten Sie die zugehörigen Kontakte jedes Kontos anzeigen. Erstellen Sie dazu ein externes Nachschlagefeld im externen Kontaktobjekt der Abonnentenorganisation. Verknüpfen Sie dieses externe Nachschlagefeld mit dem externen Objekt Account der Abonnentenorganisation. Richten Sie dann die Seitenlayouts für das externe Objekt "Account" ein, um eine Themenliste einzuschließen, die die zugehörigen Datensätze des externen Objekts "Kontakt" anzeigt.

Indirekte Suche: Verwenden Sie diese Beziehung, wenn die externen Daten enthält keine Vertriebsmitarbeiter-Datensatz-IDs. Wenn Sie ein indirektes Nachschlagebeziehungsfeld für ein externes Objekt erstellen, geben Sie das übergeordnete Objektfeld (Standard/Benutzerdefiniert) und das untergeordnete Objektfeld zum Abgleichen an, indem Sie a . auswählen benutzerdefiniertes eindeutiges externes ID-Feld auf dem übergeordneten Objekt, um es mit dem indirekten Nachschlagebeziehungsfeld des untergeordneten Objekts abzugleichen, dessen Werte durch den angegebenen externen Spaltennamen bestimmt werden.

  • Der Accountdatensatz (übergeordnetes Standardobjekt) zeigt eine Themenliste von SAP-Kundenaufträgen (untergeordnetes externes Objekt) mit übereinstimmenden Kunden-IDs an, die keine Salesforce-IDs sind.
  • Der Kontaktdatensatz (übergeordnetes Standardobjekt) zeigt eine Themenliste von Social-Media-Beiträgen (untergeordnetes externes Objekt) mit übereinstimmenden Social-Media-Handles an.

Wann Sie Salesforce Connect verwenden sollten:

  1. Wann Echtzeitzugriff auf die neuesten Daten: Beide Systeme bleiben mit den Echtzeitdaten synchron
  2. Wenn das externe System zuverlässig ist: Wenn das externe System System of Record und nahezu wartungsfrei ist
  3. Zwei-Wege-CRUD-Betrieb: Um die Daten zwischen 2 Systemen zu synchronisieren, w.r.t. Erstellen/Aktualisieren/Löschen
  4. Wenn externe Systeme Millionen von Daten haben: Wenn Sie ein anderes System in Salesforce integrieren und keine wesentlichen Datenmengen replizieren müssen.

Vielen Dank an die Vertriebsmitarbeiter, die dieses Thema über Trailhead bereitstellen: Es wird dringend empfohlen, den folgenden Trailhead auszufüllen, um weitere Informationen zu erhalten

Externe Objektberichte : Nach Salesforce Winter󈧕 können wir Berichte zu den externen Objekten erstellen. Salesforce Connect bietet eine nahtlose Integration mit Daten, die sich in einem externen System befinden.

Wir müssen “ . aktivierenBerichte aktivieren”-Kontrollkästchen für das externe Objekt. Dadurch wird das “ . erstelltEin Berichtstyp für das externe Objekt” und “A Berichtstyp für jede Nachschlagebeziehung, in der beide Objekte Berichte zulassen” im Berichtstyp Andere Berichte.

Einige Überlegungen zu Berichten:

  • Die externen Daten werden nicht in Salesforce gespeichert und es wird darauf zugegriffen, wenn wir den Bericht ausführen.
  • Wenn Sie einen Bericht ausführen, führt Salesforce einen Anforderungsaufruf an ein externes Objekt aus
  • Berichte zu historischen Trends und Buckets und Bucket-Felder nicht sin Berichten zu externen Objekten unterstützt
  • Wenn der Bericht Zusammenfassungsfelder und Formeln enthält, spiegeln diese aggregierten Werte nur eine Teilmenge Ihrer Daten wider. Um die Genauigkeit der aggregierten Werte zu verbessern, versuchen Sie, den Bericht anzupassen, um relevantere Daten zu erhalten
  • Der Bericht kann bis zu 2000 Datensätze abrufen, wenn er über untergeordnete Objekte verfügt. Je nachdem, wie viele untergeordnete Datensätze abgerufen wurden, kann die Gesamtzahl der Datensätze größer oder kleiner als 2000 sein.

Überlegungen:

  • Formel- und Rollup-Zusammenfassungsfelder werden nicht unterstützt.
  • Feldverlaufsverfolgung nicht unterstützt.
  • Notizen und Anhänge werden nicht unterstützt.
  • Externe Objekt-Metadaten werden von externen Systemen gesteuert.
  • Unterstützen Sie keine Salesforce-Automatisierungen.
  • 10.000 OData-Callouts pro Stunde für Enterprise, Performance und Unlimited Editions. Höhere Limits sind auf Anfrage erhältlich.

2011-Head First jQuery

Lob für Head First jQuery “ jQuery macht es so einfach, mit JavaScript erstaunliche Dinge zu tun, dass es sich anfühlt, als würde man betrügen. Dieses Buch zeigt, wie Sie reale Probleme schnell lösen können. Als Bonus lernen Sie wichtige Aspekte von JavaScript, das Einrichten einer Webentwicklungsumgebung und etwas PHP/MySQL kennen. Dies ist ein solides Buch.“ — Jim Doran, Softwareingenieur an der Johns Hopkins University „Im Gegensatz zu diesen abstrusen Programmierbüchern voller Fachjargon führt Head First jQuery Anfänger durch die Schritte zum Erstellen ihrer ersten jQuery-Seiten auf unterhaltsame und verständliche Weise.“ — Lindsey Skouras, Rechtsanwältin und autodidaktische Programmiererin „Ryan Benedetti und Ronan Cranley haben eine potenziell einschüchternde Mischung aus Technologien (jQuery, DOM, Ajax, HTML5, CSS) genommen und sie in zugängliche Konzepte zerlegt, die das Erlernen des Materials tatsächlich zum Spaß machen. ” — Bill Mietelski, Software-Ingenieur „JavaScript ist nicht zuletzt aufgrund einer Sammlung von erstklassigen Add-On-Bibliotheken, von denen jQuery ein wichtiger Akteur ist, als Programmiersprache mit einigen Vorzügen wieder aufgetaucht. Head First jQuery bietet dem modernen Webentwickler eine fokussierte und praktische Behandlung dieser wichtigen JavaScript-Technologie.“ — Paul Barry, Autor und Dozent für Computer am Institute of Technology, Carlow

Lob für andere Head-First-Bücher „Head First Object-Oriented Analysis and Design ist ein erfrischender Blick auf das Thema OOAD. Was dieses Buch auszeichnet, ist die Konzentration auf das Lernen. Die Autoren haben die Inhalte von OOAD zugänglich und für den Praktiker nutzbar gemacht.“ — Ivar Jacobson, Ivar Jacobson Consulting „Ich habe gerade HF OOA&D gelesen und bin begeistert! Das, was mir an diesem Buch am besten gefallen hat, war der Fokus darauf, warum wir OOA&D machen – um großartige Software zu schreiben!“ — Kyle Brown, Distinguished Engineer, IBM „Hinter den lustigen Bildern und verrückten Schriftarten verbirgt sich eine ernsthafte, intelligente und äußerst gut gemachte Präsentation von OO-Analyse und -Design. Als ich das Buch las, hatte ich das Gefühl, einem erfahrenen Designer über die Schulter zu schauen, der mir erklärte, welche Themen bei jedem Schritt wichtig sind und warum.“ — Edward Sciore, Associate Professor, Computer Science Department, Boston College „Alles in allem ist Head First Software Development eine großartige Ressource für jeden, der seine Programmierkenntnisse so formalisieren möchte, dass der Leser ständig auf vielen verschiedenen Ebenen fesselt.“ — Andy Hudson, Linux Format „Wenn Sie ein neuer Softwareentwickler sind, wird Ihnen Head First Software Development den richtigen Einstieg ermöglichen. Und wenn Sie ein erfahrener (sprich: langjähriger) Entwickler sind, sollten Sie dies nicht so schnell abtun…“ – Thomas Duff, Duffbert’s Random Musings „In Head First Java ist für jeden etwas dabei. Visuelle Lerner, kinästhetische Lerner, jeder kann aus diesem Buch lernen. Visuelle Hilfen machen es leichter, sich an Dinge zu erinnern, und das Buch ist in einem sehr zugänglichen Stil geschrieben – ganz anders als die meisten Java-Handbücher… Von Kopf bis Fuß Java ist ein wertvolles Buch. Ich kann die Head-First-Bücher sehen, die im Klassenzimmer verwendet werden, egal ob in High Schools oder in Erwachsenenbildungsklassen. Und ich werde definitiv auf dieses Buch zurückgreifen und auch andere darauf verweisen.“ — Warren Kelly, Blogcritics.org, März 2006 „Anstelle des Lernens im Lehrbuchstil bietet Head First iPhone- und iPad-Entwicklung einen humorvollen, fesselnden und sogar unterhaltsamen Ansatz zum Erlernen der iOS-Entwicklung. Mit der Abdeckung von Schlüsseltechnologien, einschließlich Kerndaten, und sogar entscheidenden Aspekten wie dem Interface-Design, sind die Inhalte passend ausgewählt und erstklassig. Wo sonst könnten Sie Zeuge eines Kamingesprächs zwischen einem UIWebView und UITextField werden!“ — Sean Murphy, iOS-Designer und -Entwickler

Lob für andere Head First-Bücher „Eine weitere schöne Sache an Head First Java, Second Edition ist, dass es Appetit auf mehr macht. Mit der späteren Behandlung fortgeschrittenerer Themen wie Swing und RMI können Sie es kaum erwarten, in diese APIs und den Code dieses fehlerfreien 100.000-Zeilen-Programms auf Java.net einzutauchen, das Ihnen Ruhm und Risikokapital bringen wird. Es gibt auch viel Material und sogar einige Best Practices zu Netzwerken und Threads – meine eigene Schwachstelle. In diesem Fall konnte ich nicht anders, als ein wenig durchzudrehen, als die Autoren eine Telefonistin aus den 1950er Jahren verwenden – ja, Sie haben es verstanden, diese Dame mit einer Bienenstockfrisur, die manuell Patchleitungen einhakt – als Analogie für TCP/IP-Ports … sollten Sie unbedingt in die Buchhandlung gehen und Head First Java, Second Edition durchblättern. Auch wenn Sie Java bereits kennen, können Sie ein oder zwei Dinge mitnehmen. Und wenn nicht, macht das Blättern einfach viel Spaß.“ — Robert Eckstein, Java.sun.com „Natürlich ist es nicht die Materialvielfalt, die Head First Java auszeichnet, sondern der Stil und die Herangehensweise. Dieses Buch ist ungefähr so ​​weit von einem Informatiklehrbuch oder technischen Handbuch entfernt, wie man [mit seiner] Verwendung von Cartoons, Quizfragen, Kühlschrankmagneten (ja, Kühlschrankmagneten…) erreichen kann. Und anstelle der üblichen Leseübungen werden Sie gebeten, sich als Compiler auszugeben und den Code zu kompilieren, oder vielleicht etwas Code zusammenzusetzen, indem Sie die Lücken ausfüllen, oder ... Sie bekommen das Bild. ... Die erste Ausgabe von Dieses Buch war einer unserer empfohlenen Titel für diejenigen, die mit Java und Objekten noch nicht vertraut sind. Diese Neuauflage enttäuscht nicht und tritt zu Recht in die Fußstapfen seines Vorgängers. Wenn Sie zu den Menschen gehören, die mit einem traditionellen Computerbuch einschlafen, dann wird Sie dieses wahrscheinlich wach halten und lernen.“ — TechBookReport.com „Webdesign von Anfang an ist Ihr Ticket, um all diese komplexen Themen zu meistern und zu verstehen, was wirklich in der Welt des Webdesigns vor sich geht… Dann ist dieses Buch eine großartige Möglichkeit, gutes Webdesign zu erlernen. “ – Robert Pritchett, MacCompanion „Ist es möglich, echtes Webdesign aus einem Buchformat zu lernen? Head First Webdesign ist der Schlüssel zur Gestaltung benutzerfreundlicher Websites, von Kundenanforderungen über handgezeichnete Storyboards bis hin zu gut funktionierenden Online-Sites. Was dieses Buch von anderen „How to build a website“-Büchern unterscheidet, ist, dass es die neuesten Erkenntnisse der Kognitionswissenschaft und des Lernens verwendet, um ein visuelles Lernerlebnis mit vielen Bildern zu bieten und darauf ausgerichtet zu sein, wie das Gehirn am besten funktioniert und lernt. Das Ergebnis ist eine eindrucksvolle Hommage an die Grundlagen des Webdesigns, die jede Computerbibliothek von allgemeinem Interesse als wichtigen Schlüssel zum Erfolg finden wird.“ — Diane C. Donovan, Kalifornien Bookwatch: The Computer Shelf „Ich empfehle auf jeden Fall Head First Web Design allen meinen Programmierkollegen, die die künstlerischere Seite des Geschäfts in den Griff bekommen wollen. “ – Claron Twitchell, Utah Java User Group

Andere verwandte Bücher von O’Reilly jQuery Cookbook jQuery Pocket Reference jQuery Mobile JavaScript und jQuery: The Missing Manual

Andere Bücher in O'Reillys Head First-Reihe Head First C# Head First Java Head First Object-Oriented Analysis and Design (OOA&D) Head First HTML mit CSS und XHTML Head First Design Patterns Head First Servlets und JSP Head First EJB Head First SQL Head First Softwareentwicklung Kopf zuerst JavaScript Kopf zuerst Physik Kopf zuerst Statistik Kopf zuerst Ajax Kopf zuerst Rails Kopf zuerst Algebra Kopf zuerst PHP & MySQL Kopf zuerst PMP Kopf zuerst Webdesign Kopf zuerst Networking Kopf zuerst iPhone und iPad Entwicklung

Von Kopf bis Fuß jQuery Wäre es nicht traumhaft, wenn es ein Buch gäbe, das mir hilft, jQuery zu lernen, das mehr Spaß macht, als zum Zahnarzt zu gehen? Es ist wahrscheinlich nichts anderes als eine Fantasie…

Ryan Benedetti Ronan Cranley

Peking • Cambridge • Farnham • K ln • Sebastopol • Tokio

Kopfüber jQuery von Ryan Benedetti und Ronan Cranley Copyright © 2011 Ryan Benedetti und Ronan Cranley. Alle Rechte vorbehalten. Gedruckt in den Vereinigten Staaten von Amerika. Herausgegeben von O’Reilly Media, Inc., 1005 Gravenstein Highway North, Sebastopol, CA 95472. Bücher von O’Reilly Media können für Bildungs-, Geschäfts- oder Verkaufsförderungszwecke erworben werden. Für die meisten Titel sind auch Online-Ausgaben verfügbar (http://my.safaribooksonline.com). Für weitere Informationen wenden Sie sich bitte an unsere Vertriebsabteilung für Unternehmen/Institutionen: (800) 998-9938 oder [email protected]

Ronan: Caitlin und Bono Ryan: Shonna, Josie, Vin, Rocky und Munch

September 2011: Erstausgabe.

Das O'Reilly-Logo ist eine eingetragene Marke von O'Reilly Media, Inc. Die Bezeichnungen der Head First-Serie, Head First jQuery und die zugehörige Handelsaufmachung sind Marken von O'Reilly Media, Inc. Viele der von Herstellern und Verkäufern verwendeten Bezeichnungen zur Unterscheidung ihrer Produkte werden als Marken beansprucht. Wenn diese Bezeichnungen in diesem Buch erscheinen und O’Reilly Media, Inc. ein Markenanspruch bekannt war, wurden die Bezeichnungen in Großbuchstaben oder Anfangsbuchstaben gedruckt. Obwohl bei der Erstellung dieses Buches alle Vorsichtsmaßnahmen getroffen wurden, übernehmen der Herausgeber und die Autoren keine Verantwortung für Fehler oder Auslassungen oder für Schäden, die sich aus der Verwendung der hierin enthaltenen Informationen ergeben. Bei der Herstellung dieses Buches wurden keine Kryptiden verletzt. ISBN: 978-1-449-39321-2 [M]

Wir widmen dieses Buch den JavaScript-Jedi-Meistern: John Resig (Erfinder und leitender Entwickler der jQuery-Bibliothek), Douglas Crockford, David Flanagan und Brandon Eich. Zu meinen drei Wundern: Josie, Vin und Shonna. —Ryan An Caitlin und Bono: Danke für alles! —Ronan

Ronan Ryan Benedetti hat einen Master of Fine Arts in Creative Writing von der University of Montana und arbeitet als Webentwickler/Multimedia-Spezialist für die University of Portland. Er arbeitet mit jQuery, Flash, ActionScript, Adobes Creative Suite, Liferay Portal, Apaches Jakarta Velocity Templating Language und Drupal. Sieben Jahre lang war Ryan Abteilungsleiter für Informationstechnologie und Computertechnik am Salish Kooteni College. Zuvor arbeitete er als Redakteur und Fachinformatiker für ein Fluss-, Bach- und Feuchtgebietsforschungsprogramm an der School of Forestry der University of Montana. Ryans Gedichte wurden in Cut Bank und Andrei Codrescus Exquisite Corpse veröffentlicht. Er verbringt seine freien Stunden damit, zu malen, zu karikieren, Blues-Mundharmonika zu spielen und Zazen zu üben. Seine schönsten Momente verbringt er mit seiner Tochter, seinem Sohn und seiner Geliebten Shonna in Portland, Oregon. Er gräbt auch mit seinen tierischen Kameraden ab: Rocky, Munch, Fester und Taz.


Entwicklung ist eine schnelllebige Technologie

Erfahrung ist natürlich ein sehr wertvolles Gut. Wenn Sie ein neues Mitglied in Ihre Belegschaft aufnehmen möchten, gibt es oft keinen Ersatz für Erfahrung. Die Arbeit eines Entwicklers bewegt sich heutzutage jedoch so schnell, dass es oft unmöglich ist, mehr als ein paar Jahre mit einer bestimmten Art von Arbeit zu verbringen. In diesem Beruf ist die Fähigkeit, neue Technologien und Fähigkeiten anzunehmen, der Schlüssel zum Erfolg.

Ihre Aufgabe ist es daher, nach vorne zu schauen und zu sehen, welche Veränderungen Sie in den nächsten Jahren wahrscheinlich in Ihrem Unternehmen vornehmen werden. Ihr Entwickler muss die Art von Person sein, die sich an diese Veränderungen anpassen, mit der Zeit gehen und neue Fähigkeiten effizient übernehmen kann. Die gesuchte Person muss also nicht nur rückblickend Erfahrung und Wissen mitbringen, sondern auch in der Lage sein, neue Methoden vorausschauend zu erlernen. Dieser spezielle Hund muss neue Tricks lernen.


J Query-Interview-Fragen und -Antworten

  • jQuery-Selektoren werden verwendet, um ein oder eine Gruppe von HTML-Elementen von Ihrer Webseite auszuwählen.
  • jQuery unterstützt alle CSS-Selektoren sowie viele zusätzliche benutzerdefinierte Selektoren.
  • jQuery-Selektoren beginnen immer mit Dollarzeichen und Klammern: $()

Es gibt drei Bausteine, um die Elemente in einem Webdokument auszuwählen.

  1. Elemente nach Tag-Name auswählen Beispiel: $(div) Es werden alle div-Elemente im Dokument ausgewählt.
  2. Elemente nach ID auswählen Beispiel: $(#xyzid&rdquo) Es wird ein einzelnes Element mit der ID xyzid . ausgewählt
  3. Elemente nach Klasse auswählen Beispiel: $(&ldquo.xyzclass&rdquo) Es werden alle Elemente mit der Klasse xyzclass ausgewählt
  • In jQuery haben wir drei Methoden, um Elementen den Fade-Effekt zu verleihen: FadeIn, FadeOut und FadeTo
  • Diese Methoden ändern die Deckkraft des Elements mit Animation.
  • &ldquospeed&rdquo kann einer der folgenden Werte sein: &ldquoslow&rdquo, &ldquofast&rdquo, &ldquonormal&rdquo oder millisekunden
  • &ldquoopacity&rdquo gibt den Wert an, der das Überblenden auf die gegebene Deckkraft ermöglicht.
  • &ldquocallback&rdquo ist die Funktion, die wir ausführen möchten, sobald der Fading-Effekt abgeschlossen ist.

Die Animationsfunktion wird verwendet, um den benutzerdefinierten Animationseffekt auf Elemente anzuwenden.

$(selektor).animieren(, [Dauer], [Entschleunigung], [Rückruf])

  • &ldquoparam&rdquo definiert die CSS-Eigenschaften, auf die Sie die Animation anwenden möchten.
  • &ldquoduration&rdquo gibt an, wie lange die Animation ausgeführt wird. Es kann einer der folgenden Werte sein: &ldquoslow&rdquo, &ldquofast&rdquo, &ldquonormal&rdquo oder millisekunden
  • &ldquoeasing&rdquo ist der String, der die Funktion für den Übergang spezifiziert.
  • &ldquocallback&rdquo ist die Funktion, die wir ausführen möchten, sobald der Animationseffekt abgeschlossen ist.

Es folgt die jQuery zum Animieren der Deckkraft, des linken Offsets und der Höhe des mydiv-Elements

  • Wenn wir Geschwister aller Elemente in der Menge der übereinstimmenden Elemente abrufen möchten, können wir die Methode siblings() verwenden.
  • Wir filtern die von einem optionalen Selektor geholten Elemente. &bull-Syntax : .siblings( [Selektor])
  • &ldquoselector&rdquo ist der Selektorausdruck, der die übereinstimmenden Elemente angibt.

Jetzt wollen wir die Geschwister des Elements von id &ldquosecond_item&rdquo finden und die Textfarbe in Blau ändern:

Wenn wir bestimmte gleichgeordnete Elemente wünschen, zum Beispiel die Elemente mit der Klasse &ldquomyitem&rdquo, können wir einen optionalen Selektor übergeben:

  • In jQuery gibt es zwei Möglichkeiten, die Breite eines Elements zu ändern.
  • Ein Weg ist die Verwendung von .css(&lsquowidth&rsquo) und der andere Weg ist die Verwendung von .width().

  • jQuery.data() wird verwendet, um beliebige Daten zu/von einem Element zu setzen/zurückzugeben.
  • Syntax: jQuery.data(Element, Schlüssel, Wert)
  • &ldquoelement&rdquo ist das DOM-Element, dem die Daten zugeordnet sind.
  • &ldquokey&rdquo ist ein willkürlicher Name des Datenelements.
  • &ldquovalue&rdquo ist der Wert des angegebenen Schlüssels.
  • Angenommen, wir möchten die Daten für ein Span-Element festlegen:

Wenn wir die Daten des div-Elements abrufen und auf label&rsquos data setzen möchten:

  • Die Methode bind() fügt keine Ereignisse an die Elemente an, die hinzugefügt werden, nachdem DOM geladen wurde, während die Methoden live() und Delegate() Ereignisse auch an die zukünftigen Elemente anhängen.
  • Der Unterschied zwischen den Methoden live() und Delegate() besteht darin, dass die Funktion live() beim Verketten nicht funktioniert. Sie funktioniert nur bei einem Selektor oder einem Element, während die Methode delegate() in der Verkettung arbeiten kann.

Der obige Code funktioniert nicht mit der Methode live(). Aber mit der Methode delegate() können wir dies erreichen.

Die Funktion each() gibt die Funktion an, die für jedes übereinstimmende Element aufgerufen werden soll.

$(Selektor).each(Funktion (Index, Element))

  • &ldquoindex&rdquo ist die Indexposition des Selektors.
  • &ldquoselector&rdquo gibt den aktuellen Selektor an, bei dem wir auch &ldquothier&rdquo-Selektor verwenden können.
  • Für den Fall, dass wir jede Schleife vorzeitig stoppen müssen, können wir &ldquoreturn false&rdquo . verwenden

Dadurch wird der Text für jedes &ldquoli&rdquo-Element geschrieben.

Der Effekt slideToggle() wird verwendet, um einem Element einen animierten Gleiteffekt zu verleihen.

slideToggle([ Dauer] [, Easing] [, Rückruf])

  • &ldquoduration&rdquo ist die Zahl, die angibt, wie lange die Animation ausgeführt wird.
  • &ldquoeasing&rdquo ist der String, der die Funktion für den Übergang spezifiziert.
  • &ldquocallback&rdquo ist die Funktion, die wir ausführen möchten, sobald die Animation abgeschlossen ist.
  • Wenn das Element sichtbar ist, schiebt dieser Effekt das Element nach oben und macht es vollständig verborgen. Wenn das Element ausgeblendet ist, schiebt der Effekt slideToggle() es nach unten und macht es sichtbar.
  • Mit diesem Effekt können wir die Umschaltgeschwindigkeit festlegen.

Siehe folgendes Beispiel

  • this und $(this) verweisen auf dasselbe Element, aber der Unterschied besteht darin, dass &ldquothis&rdquo auf traditionelle Weise verwendet wird, aber wenn &ldquothis&rdquo mit $() verwendet wird, wird es zu einem jQuery-Objekt, auf das wir die Funktionen von jQuery anwenden können.
  • Wenn im angegebenen Beispiel nur &ldquothier&rdquo verwendet wird, können wir die jQuery text()-Funktion verwenden, um den Text des Elements abzurufen, da es sich nicht um ein jQuery-Objekt handelt. Sobald das Schlüsselwort &ldquothis&rdquo in $() eingeschlossen ist, können wir die jQuery-Funktion text() verwenden, um den Text des Elements abzurufen.
  • Die Methode param() wird verwendet, um ein Array oder ein Objekt serialisiert darzustellen.
  • Bei einer Ajax-Anfrage können wir diese Serialisierungswerte in den Abfragezeichenfolgen von URL verwenden.
  • Syntax: $.param(object | array, boolValue) &bull &ldquoobject | array&rdquo gibt ein zu serialisierendes Array oder Objekt an.
  • &ldquoboolValue&rdquo gibt an, ob der traditionelle Stil der Param-Serialisierung verwendet werden soll oder nicht.
  • Beispielsweise:

Es setzt den Text von span auf &ldquoname=Arpit&age=24&dep=IT&rdquo

  • Durch die Verwendung der Funktion jQuery.holdReady() können wir die Ausführung von jQuery&rsquos ready-Ereignis anhalten oder freigeben.
  • Diese Methode sollte aufgerufen werden, bevor das ready-Ereignis ausgeführt wird.
  • Um das Ready-Ereignis zu verzögern, müssen wir jQuery.holdReady(true) aufrufen.
  • Wenn wir das ready-Ereignis freigeben möchten, müssen wir jQuery.holdReady(false) aufrufen.
  • Diese Funktion ist hilfreich, wenn wir jQuery-Plugins vor der Ausführung des ready-Ereignisses laden möchten.
  • Die Methode .empty() wird verwendet, um alle untergeordneten Elemente aus übereinstimmenden Elementen zu entfernen.
  • Die Methode .remove() wird verwendet, um alle übereinstimmenden Elemente zu entfernen. Diese Methode entfernt alle jQuery-Daten, die dem übereinstimmenden Element zugeordnet sind.
  • Die Methode .detach() entspricht der Methode .remove(), außer dass die Methode .detach() jQuery-Daten entfernt, die mit den übereinstimmenden Elementen verknüpft sind.
  • .remove() ist schneller als die Methode .empty() oder .detach().
  • Um mit Cookies in jQuery umzugehen, müssen wir das Dough-Cookie-Plugin verwenden.
  • Dough ist einfach zu bedienen und verfügt über leistungsstarke Funktionen.
  • Cookie erstellen
  • Window.onload() ist eine Java-Script-Funktion und document.ready() ist ein jQuery-Ereignis, das aufgerufen wird, wenn die Seite geladen wird.
  • Der Unterschied besteht darin, dass document.ready() aufgerufen wird, nachdem das DOM geladen wurde, ohne darauf zu warten, dass der gesamte Inhalt geladen wurde. Während die Funktion window.onload() wartet, bis der Inhalt der Seite geladen ist.
  • Angenommen, auf einer Seite befindet sich ein sehr großes Bild, dann wartet window.onload(), bis dieses Bild vollständig geladen ist.
  • Bei Verwendung der window.onlaod()-Funktion wird die Ausführung also langsam sein, aber document.ready() wartet nicht, bis das Bild geladen ist.
  • Verkettung ist eine sehr mächtige Funktion von jQuery.
  • Verkettung bedeutet, einem Element mehrere Funktionen und/oder Selektoren zuzuweisen.
  • Sehen Sie sich das folgende Beispiel an

Durch die Verwendung von Verkettung können wir den obigen Code wie folgt schreiben

  • Der Vorteil der Verkettung besteht darin, dass Ihr Code einfach und einfach zu verwalten ist.
  • Die Ausführung wird schneller, da der Code nur einmal nach dem Element sucht.

Die Methode sort wird verwendet, um beliebige Array-Elemente zu sortieren. Es sortiert die String-Elemente alphabetisch.

Es wird folgende Ausgabe geben

Jetzt deklarieren wir ein numerisches Array und verwenden die Methode sort(), um seine Elemente zu sortieren.

Es wird folgende Ausgabe geben

  • In jQuery wird sowohl die prop()- als auch die attr()-Funktion verwendet, um den Wert der angegebenen Eigenschaft eines Elements zu setzen/zu erhalten.
  • Der Unterschied in beiden Funktionen besteht darin, dass attr() den Standardwert der Eigenschaft zurückgibt, während prop() den aktuellen Wert der Eigenschaft zurückgibt.

$('Eingabe').prop('Wert', 'Geänderter Wert')

Wenn Sie auf Ihrer Webseite auf jQuery verweisen, müssen Sie auch die Versionsnummer angeben.

Der obige Code lädt immer die Version 1.5.1 von jQuery. Wenn Sie auf die neueste jQuery verweisen, müssen Sie den Code nicht jedes Mal ändern, wenn die neue Version von jQuery veröffentlicht wird.

Um dies zu erreichen, müssen Sie folgenden Code verwenden

Dieser Code verweist immer auf die neueste Version von jQuery auf Ihrer Seite.

Die Funktion resize() wird immer dann aufgerufen, wenn die Browsergröße geändert wird. Dieses Ereignis kann nur mit $(window) verwendet werden.

Syntax: .resize([event_data], handler(event_object))

  • Die &ldquoevent_data&rdquo sind die an den Handler zu sendenden Daten.
  • Der &ldquohandler(event_object)&rdquo ist eine Funktion, die jedes Mal aufgerufen wird, wenn die Fenstergröße geändert wird.
  • jQuery ist eine JavaScript-Bibliothek, die die JavaScript- und AJAX-Programmierung vereinfacht. JavaScript wird verwendet, um Webseiten Interaktivität und dynamische Inhalte hinzuzufügen. AJAX (Asynchronous JavaScript and XML) wird verwendet, um externe Daten asynchron über JavaScript zu verarbeiten, ohne die gesamte Seite zu aktualisieren.
  • jQuery betont die Interaktion zwischen JavaScript und HTML. jQuery enthält alle gängigen DOM-, Event-, Effekte- und Ajax-Funktionen in einer einzigen JavaScript-Datei.
  • Die jQuery-Datei muss in der Datei enthalten sein, die die jQuery-Funktionalität verwenden wird.
  • jQuery stellt eine neue Klasse namens jQuery bereit, ohne die integrierten JavaScript-Klassen zu erweitern, die als Wrapper um Objekte agiert, um ihnen die erweiterten Operationen bereitzustellen.

Die Vorteile der Verwendung von jQuery sind:

  • JavaScript-Verbesserung ohne den Aufwand für das Erlernen neuer Syntax
  • Fähigkeit, den Code einfach, klar, lesbar und wiederverwendbar zu halten
  • Beseitigung der Notwendigkeit, sich wiederholende und komplexe Schleifen und DOM-Skriptbibliotheksaufrufe zu schreiben
  • Effekte und Animationen
  • Ajax & Bull-Erweiterbarkeit
  • DOM-Elementauswahlfunktionen
  • Ereignisse & Bull CSS-Manipulation
  • Dienstprogramme - wie Browserversion und die einzelnen Funktionen.
  • JavaScript-Plugins &bull DOM-Traversal und -Modifikation.

Der Typ einer Funktion ist "Funktion".

Es gibt viele anonyme Funktionen in jquery.

  • jQuery ist eine großartige Bibliothek für die Entwicklung von Ajax-basierten Anwendungen.
  • Es hilft den Programmierern, den Code einfach und prägnant und wiederverwendbar zu halten.
  • Die jQuery-Bibliothek vereinfacht den Prozess der Durchquerung des HTML-DOM-Baums.
  • jQuery kann auch Ereignisse verarbeiten, Animationen ausführen und die Ajax-Unterstützung in Webanwendungen hinzufügen.

jQuery kann verwendet werden, um Ajax-basierte Anwendungen zu entwickeln. Es kann verwendet werden, um den Code einfach, prägnant und wiederverwendbar zu halten.

Es vereinfacht den Prozess der Durchquerung des HTML-DOM-Baums.

Es kann auch Ereignisse verarbeiten, Animationen ausführen und die Ajax-Unterstützung in Webanwendungen hinzufügen.

Die jquery-Bibliothek ist eine Sammlung aller jquery-Methoden. Es wird in Form einer einzelnen Java-Skriptdatei gespeichert. Das Format zum Hinzufügen einer Jquery-Datei zu einer HTML-Seite ist:

Ein Beispiel für ein Javascript, das alle <p>-Elemente auf der Seite ausblendet.

Jquery ermöglicht es dem Benutzer, gezielt das zu bewirkende Element auszuwählen. jquery ermöglicht dem Benutzer folgende Auswahlmöglichkeiten:

jquery-Elementselektoren: Mit Hilfe von CSS-Selektoren können die Benutzer die Elemente eines HTML-Dokuments auswählen.

$("p") wählt alle <p>-Elemente aus.
$("p.intro") wählt alle <p> Elemente aus, die darin definiert sind.
$("p#demo") dies wählt alle <p> Elemente mit > . aus

jquery-Attributselektoren: Die xpath-Ausdrücke werden von jquery verwendet, um Elemente eines HTML-Dokuments mit definierten Attributen auszuwählen.

$("[href]") wird verwendet, um alle Elemente auszuwählen, die ein href-Attribut haben.
$("[href$='.jpg']") kann alle Elemente mit einem href-Attribut auswählen, das mit ".jpg" endet.

Jquery bietet dem Benutzer die Möglichkeit, die Attribute einer Eigenschaft dynamisch zu ändern. Die jquery slide Methode kann verwendet werden, um die Höhe von Elementen schrittweise zu ändern. Dies kann verwendet werden, um den Scroll-Effekt eines Bildes über dem Bild zu erzeugen.

Die jquery umfasst die folgenden Folienmethoden:

  • $(Selektor).slideDown(Geschwindigkeit,Rückruf)
  • $(Selektor).slideUp(Geschwindigkeit,Rückruf)
  • $(Selektor).slideToggle(Geschwindigkeit,Rückruf)

Der Parameter speed wird verwendet, um die Änderungsgeschwindigkeit der jquery zu bewirken. Die Parameter dafür können langsam, schnell, normal und Zeit in Millisekunden sein. Der Parameter callback wird verwendet, um auf den Namen der auszuführenden Funktion zu verweisen, wenn die Funktion abgeschlossen ist.

Ajax ermöglicht es dem Benutzer, Daten mit einem Server auszutauschen und Teile einer Seite zu aktualisieren, ohne die gesamte Seite neu zu laden. Einige der Funktionen von Ajax sind wie folgt:

  • $.ajax(): Dies wird als die niedrigste und grundlegendste Funktion angesehen. Es wird verwendet, um Anfragen zu senden. Diese Funktion kann ohne Selektor ausgeführt werden.
  • $.ajaxSetup(): Diese Funktion wird verwendet, um die Optionen für verschiedene Ajax-Aufrufe zu definieren und einzustellen.
  • Kurze Ajax-Methoden: Sie bestehen einfach aus der Wrapper-Funktion, die $.ajax() mit bereits gesetzten Parametern aufruft.
  • $.getJSON(): Dies ist eine spezielle Art von Kurzschriftfunktion, die verwendet wird, um die URL zu akzeptieren, an die die Anforderungen gesendet werden. Auch optionale Daten- und optionale Callback-Funktionen sind in solchen Funktionen möglich.

Progressive Enhancement ist eine Webentwicklungstechnik, die es jedem Computer mit jeder Internetverbindung ermöglicht, auf die Anwendung zuzugreifen. Damit eine Bewerbung nach den Prinzipien der progressiven Verbesserung arbeitet, müssen folgende Regeln / Richtlinien erfüllt sein:

  • Der Basisinhalt muss für alle Browser mit jeder Art von Internetverbindung verfügbar sein.
  • Die Grundfunktionalitäten einer Anwendung müssen in allen Browsern funktionieren.
  • Die Anwendung überschreibt keine der vom Benutzer angegebenen Browsereinstellungen.
  • Die CSS-Dateien werden extern verlinkt, um das Erscheinungsbild der Seite zu steuern.
  • Die Javascripts sollten auch extern verlinkt werden, da dies die Benutzererfahrung verbessern kann.

Es gibt zwei Möglichkeiten, dieses Problem zu lösen:

Einsatz der Event-Delegation: Die Event-Delegation-Technik funktioniert prinzipiell durch Ausnutzung des Event-Bubblings. Es verwendet Event-Bubbling, um die Ereignisse von Elementen zu erfassen, die irgendwo im Domänenobjektmodell vorhanden sind. In jquery kann der Benutzer die Methoden live und die für die Ereignisdelegierung verwenden, die eine Untermenge von Ereignistypen enthält.

Zum Beispiel: Handhabung der Ereignisdelegierung, Handhabung von Klicks auf ein beliebiges Element:

Event Rebinding-Verwendung: Wenn diese Methode verwendet wird, muss der Benutzer die bind-Methode und die hinzugefügten neuen Elemente aufrufen.

Mit der definierten Methode hasClass kann überprüft werden, ob ein Element tatsächlich die angegebene Klasse enthält.

Beispiel: Verwendung der hasClass:

Die Methode is() kann auch mit einem Selektor verwendet werden, um eine höhere Übereinstimmungsstufe zu erreichen.

Diese Methode kann verwendet werden, um verschiedene andere Dinge zu testen, z. B. um zu erkennen, ob das angegebene Element verborgen ist oder nicht.

In HTML können nur die Elemente auf Blockebene benutzerdefinierte Höhen und Breiten haben.Wenn ein Benutzer also eine Animationsmethode für die Verwendung definiert, wie z. B. Anzeigen, Ausblenden, Hochschieben usw., wird die Anzeige-CSS-Eigenschaft des animierten Blocks auf den Anzeigeblockstil eingestellt. Nach Abschluss der Animation würde der Anzeigestil des Blocks auf seinen ursprünglichen Wert geändert. Dieses Verfahren funktioniert für Inline-Elemente nicht richtig und die folgenden Problemumgehungen können darauf angewendet werden:

  • Wenn der Benutzer möchte, dass das Element inline bleibt und es nur ein- und ausgeblendet werden soll, kann er die Ein- und Ausblendanimation anstelle der Show-Methode verwenden.
  • Der Benutzer kann auch ein Element auf Blockebene mit Float verwenden, um das Element inline mit dem Rest des umgebenden Inhalts erscheinen zu lassen.

Dafür gibt es zwei Ansätze:

String-basierter Ansatz: Dies ist die einfache Möglichkeit, die Informationen eines Abfrage-Strings mithilfe der string-basierten Ersetzungstechnik zu extrahieren. Diese Methode verwendet die Methode .replace(), um zu funktionieren.

Beispiel: var data = string.replace("http://localhost/view.php?", "")

Der obige Code funktioniert gut für den stringbasierten Ansatz, weist jedoch einige Flexibilitätsprobleme auf. Es kann nicht effektiv mit Änderungen von Domänennamen und Dateinamen umgehen.

Regulärer Ausdrucksansatz: Sie sind ein leistungsstarkes Mustervergleichswerkzeug, das in modernen Programmiersprachen verfügbar ist.

Für die Extraktion eines Abfragestrings müsste ein Muster verwendet werden, das nach einem Fragezeichen im String sucht. Sobald dies der Fall ist, gibt es alles danach zurück. Die regulären Ausdrücke in JS werden durch Schrägstriche am Ende eines Ausdrucks abgegrenzt.

In einfachen Java-Skripten können die Informationen zu einem Element gespeichert werden, indem dem Element eine Domänenobjektmodelleigenschaft hinzugefügt wird. Dies führt bei bestimmten Browsern zu Speicherverlustproblemen. In jquery muss sich der Benutzer nicht um Speicherverwaltungsprobleme kümmern.

Zum Beispiel: Speichern und Abrufen von Daten zu einem Element:

Jquery ermöglicht es dem Benutzer, beliebige Informationen zu einem Element zu speichern. $.fn.data wird am häufigsten verwendet, um Daten zu einem Element zu speichern.

Für Bsp. Speicherung der Beziehung zwischen Elementen unter Verwendung von $.fn.data :

Die zwei gängigsten Methoden zum Senden einer Anfrage an einen Server sind:

GET-Methode: Die Methode get wird hauptsächlich für zerstörungsfreie Operationen verwendet. Diese Operationen rufen Daten vom Server ab und ändern die Daten darauf nicht. Ein gutes Beispiel für die Anwendung der Suchanfrage auf einen Server. In den meisten Fällen sendet GET alle zu sendenden Daten in Form eines Abfragestrings.

POST-Methode: Die POST-Methode wird hauptsächlich für destruktive Operationen verwendet. Diese Operationen können die Daten auf einem Server ändern. Ein gutes Beispiel ist, dass ein Benutzer, der einen Eintrag auf einer Site speichert, die POST-Anfrage erhält. Diese Anfragen werden vom Browser nicht zwischengespeichert. Eine Anfrage kann Teil einer URL sein, aber alle Daten, die gesendet werden sollen, werden separat als Post-Daten ausgeführt.

Das Plugin kann einfach als eine neue Methode angesehen werden, die von einem Benutzer verwendet werden kann, um das Prototypobjekt einer jquery zu erweitern. Ein Plugin führt einige Aktionen für eine Sammlung von Elementen aus. Jede Methode, die mit dem jquery-Kern geliefert wird, kann als Plugin betrachtet werden.

Der Code zum Erstellen eines Plugins, das eine Klasse beim Hover hinzufügen und entfernen würde, wäre wie folgt:

Die Methode pushStack() akzeptiert ein Array von DOM-Elementen und schiebt sie in einen Stack. Dies geschieht, damit Aufrufe von Methoden wie .end() und .andSelf sich korrekt verhalten können. Die jquery verwendet diese Methode intern, um alle vorherigen Sammlungen von jquery zu verfolgen, während eine Chain-Traversing-Methode verwendet wird. Gute Beispiele für solche Methoden könnten .parents() und .filter() sein.

// wähle einige Divs aus
$('div.container')
// finde einige Spannen in diesen divs und füge ihnen eine Klasse hinzu
.find('span').addClass('baby')
// diese Spannen vom "Stack" entfernen,
// Rückkehr zur vorherigen Sammlung (div.container)
.Ende()
// füge dem Elternteil jedes div.containers eine Klasse hinzu
.parent().addClass('Papa')

Die Methode .animate() wird verwendet, um Animationen mit anderen Abkürzungen zu erstellen, die sie verwenden. Die Methode queue() kann verwendet werden, um mehrere Animationsmethoden miteinander zu verknüpfen, um einen einzigartigen Effekt zu erzielen. Diese Methoden sind effektiv, wenn alle Daten lokal verfügbar sind und alle Methoden nur auf einem einzigen System ausgeführt werden. Falls der Benutzer die Animationsmethoden für Daten verwenden möchte, die sich auf dem Server befinden und auf einmal verarbeitet werden möchten, kann der Benutzer die .deferred-Methode verwenden.

Einige der wichtigsten Konzepte, die befolgt werden sollten, während

  • Die Codes sollten immer in bestimmte Funktionseinheiten unterteilt werden. Sie lassen sich in Module, Dienste usw. unterteilen. Dieses Konzept wird auch als Kapselung bezeichnet.
  • Verwenden Sie Vererbungstechniken, um zu vermeiden, dass ein Code immer wieder neu geschrieben wird.
  • Die jquery ist von Natur aus domzentrisch, aber nicht alle Anwendungen sind solcher Natur. Alle Funktionalitäten sollten keine dom-Darstellung haben.
  • Alle Funktionseinheiten sollten in einem lose gekoppelten Zustand vorliegen. Dies impliziert, dass ein Modul unabhängig existieren kann. Auch die Kommunikation zwischen den Einheiten soll möglich sein und über ein Messaging-System, zB kundenspezifische Ereignisse, abgewickelt werden.

Das Objektliteral ist eine der einfachsten Möglichkeiten, wie der Benutzer zusammengehörigen Code kapseln kann. Es hilft, indem es alle anonymen Funktionen aus dem Benutzercode entfernt. Es kann auch verwendet werden, um Konfigurationsoptionen zu zentralisieren.

Das Objektliteral bietet keinen Datenschutz für die Methoden oder Eigenschaften. Das Modulmuster ermöglicht es dem Benutzer, Funktionen und Variablen Privatsphäre zu bieten. Es kann verwendet werden, um eine begrenzte API verfügbar zu machen.

Zum Beispiel: Der Modulmustercode:

RequireJS ist ein Abhängigkeitsverwaltungstool, das vom Benutzer zum Verwalten von Skriptmodulen verwendet werden kann. Es kann verwendet werden, um Skripte zu laden, sobald eine Seite geladen wurde. Dies hilft bei der gleichmäßigen Verteilung der Downloads.

Beispiel: RequireJS-Modul mit definierten Abhängigkeiten:

Im obigen Beispiel wird das my.shirt-Modul erstellt. Dieses Modul ist abhängig von my/cart und my/inventory.

Sowohl $.fn.bind als auch $.fn.triggers sind zwei wichtige jquery-Methoden. Sie werden hauptsächlich mit benutzerdefinierten Ereignissen verwendet.

  • $.fn.bind: Diese Methode akzeptiert einen Ereignistyp und eine Ereignisbehandlungsfunktion als Argument für sich selbst. Diese Methode kann auch ereignisbezogene Daten als zweites Argument akzeptieren.
  • $.fn.trigger: Diese Methode kann einen Ereignistyp als Argument akzeptieren. Es kann auch ein Array von Werten annehmen.

Beispiel: Darstellung der Verwendung von $.fn.bind und $.fn.triggers mit benutzerdefinierten Daten in beiden Fällen:

Das struts2 jquery-Plugin wird verwendet, um:

  • Es bietet dem Benutzer eine einfache Integration von Ajax und Widgets.
  • Es reduziert die Anzahl von Codes, die von einem Codierer geschrieben werden müssen.

Die Vorteile der Verwendung sind:

  • Es reduziert die Anzahl des zu schreibenden Codes drastisch.
  • Es unterstützt auch die Ajax-Formularvalidierung.
  • Der Code wird viel einfacher zu lesen und verhindert somit das Auftreten von Fehlern und ist einfach zu debuggen.

Es wurde im Januar 2006 im BarCamp NYC von John Resig (Jquery-Gründer) veröffentlicht.

Alle div-Elemente mit Tutoriz-Klasse.

ID- und Elementselektoren sind die schnellsten Selektoren

Klassenauswahl ist langsamer

JavaScript getElementById() ist schneller als Jquery Id ($("#elementID")) Selektor

Code für das vorletzte div : $("div.questions > div::nth-last-child(2)").css("color", "red")

Im Folgenden sind die Vorteile der Verwendung von j Qery gegenüber JavaScript aufgeführt

  1. Jquery ist gut geschriebener optimierter Javascript-Code, so dass er schneller ausgeführt wird, es sei denn, wir schreiben den gleichen standardmäßigen optimierten Javascript-Code.
  2. Jquery ist prägnanter Java-Script-Code, das heißt, es muss nur eine minimale Menge an Code für die gleiche Funktionalität wie das Javascript geschrieben werden.
  3. JavaScript-bezogene Entwicklung ist mit Jquery schnell, da die meisten Funktionen bereits in der Bibliothek geschrieben sind und wir sie nur verwenden müssen.
  4. Jquery bietet Cross-Browser-Unterstützung, sodass wir Zeit für die Unterstützung aller Browser sparen.
  1. Man kann leicht Effekte erzeugen und Animationen machen.
  2. Anwenden / Ändern von CSS.
  3. Coole Plugins.
  4. Ajax-Unterstützung
  5. DOM-Auswahlereignisse
  6. Handhabung des Events

// Prüfen, ob jQuery UI geladen ist oder nicht

// Gibt die jQuery-UI-Version oder undefinierte $.ui.version zurück

<input type="text" name=%26quot%3Bacc%26quot%3B value="Datum auswählen" />

$("#Id1").addClass('YourClassName') // für die Klasse anwenden
$("#Id1").removeClass('YourClassName') // zum Entfernen der Klasse

Die Methode attr() setzt oder gibt Attribute und Werte der ausgewählten Elemente zurück.

Wenn diese Methode verwendet wird, um den Attributwert zurückzugeben, gibt sie den Wert des ersten übereinstimmenden Elements zurück.

Wenn diese Methode zum Festlegen von Attributwerten verwendet wird, legt sie ein oder mehrere Attribut/Wert-Paare für den Satz übereinstimmender Elemente fest.

$(selector).attr(attribute) //es gibt den Wert eines Attributs zurück
$(selector).attr(attribute,value) //es setzt den Wert eines Attributs
$(Auswahl).attr() //für mehrere Attribute setzen

Die jQuery-Methode load() ist eine leistungsstarke AJAX-Methode.

Die Methode load() lädt Daten von einem Server und fügt die zurückgegebenen Daten in das ausgewählte Element ein, ohne die gesamte Seite neu zu laden.

Beispiel: Das folgende Beispiel lädt den Inhalt der Datei "demo_test.txt" in ein bestimmtes Element

Ja, Sie können auch ganz einfach Ihre eigene Verknüpfung erstellen. Die Methode noConflict() gibt eine Referenz auf jQuery zurück, die Sie zur späteren Verwendung in einer Variablen speichern können.

Die Methode detach ist dieselbe wie die Methode remove , aber detach behält die jQuery-Daten bei, die mit den entfernten Elementen verknüpft sind.

Die Methode detach ist leistungsfähiger, wenn Sie die entfernten Daten erneut einfügen müssen.

Die jQuery-Methode load() ist eine leistungsstarke AJAX-Methode.

Die Methode load() lädt Daten von einem Server und fügt die zurückgegebenen Daten in das ausgewählte Element ein, ohne die gesamte Seite neu zu laden.

Es gibt die Anzahl der Elemente im Objekt zurück. Diese Methode hilft beim Ermitteln der Anzahl der Elemente im Objekt.

Fügen Sie das Schlüsselwort Debugger der Zeile hinzu, von der aus wir das Debuggen starten möchten.

Die Funktion document.ready() kann mehrmals eingebunden werden, während die Methode onload() nur einmal auf einer Seite aufgerufen werden kann.

document.ready() wird aufgerufen, sobald DOM geladen wird, während onload aufgerufen wird, wenn alles auf der Seite geladen ist, d. h. Bilder, DOM und andere Ressourcen, die mit der Seite verbunden sind.

jQuery UI ist eine Bibliothek, die auf der jQuery-Bibliothek aufgebaut ist. jQuery UI kommt mit coolen Widgets, Effekten und Interaktionsmechanismen.

Sie können ganz einfach Ihre eigene Verknüpfung erstellen. Die Methode noConflict() gibt eine Referenz auf jQuery zurück, die Sie zur späteren Verwendung in einer Variablen speichern können.

min.js ist im Grunde die minimierte Version der .js-Datei. Beide Dateien sind in Bezug auf die Funktionalität gleich.

.min.js wird verwendet, um die Seitenleistung zu erhöhen, da es im Vergleich zu .js klein ist und weniger Zeit zum Laden benötigt.

Der Vorteil der Verwendung einer minimierten Version der jQuery-Datei liegt in der Effizienz. Die Effizienz der Seite steigt, da die minimierte Version klein ist und weniger Zeit zum Laden benötigt.

Effekte und Animationen, Ajax, Erweiterbarkeit.

Klassenselektoren sind der langsame Vergleich zu ID und Element.

Wir können den All-Selektor verwenden, um alle Elemente auf der Seite auszuwählen.

Selektoren werden in jQuery verwendet, um DOM-Elemente über ID-, Klassen- oder Elementselektoren zu finden und auszuwählen. In jQuery wurden viele neue Selektoren eingeführt. Mit jQuery-Selektoren können DOM-Elemente ausgewählt und manipuliert werden.

Dadurch werden alle div-Elemente auf der Seite ausgewählt.

jQuery wurde im Januar 2006 von John Resig gegründet.

Ready von jQuery ist ein Ereignis, das automatisch ausgelöst wird, wenn DOM bereit ist, während holdReady ein Signal/Flag ist, um diese Auslösung zu halten. holdReady war in Version 1.6 enthalten und funktioniert nur, wenn es vor der Ausführung/Auslösung des ready-Ereignisses verwendet wird. Sobald das fertige Ereignis ausgelöst wurde, hat es nichts zu tun. Es ist nützlich, um Skripte dynamisch zu laden, bevor das Ready startet. Es gibt die bereite Ereignisausführung frei, wenn es mit einem wahren Parameter verwendet wird.

Die Methode Jquery ajax() wird verwendet, um eine AJAX-Anfrage (asynchrones HTTP) auszuführen.

URL: Gibt die URL an, an die die Anforderung gesendet werden soll. Standard ist die aktuelle Seite

Typ : Gibt den Typ der Anfrage an. (GET oder POST)

Daten : Gibt an den Server zu sendende Daten an

Zwischenspeicher: Ein boolescher Wert, der angibt, ob der Browser die angeforderten Seiten zwischenspeichern soll. Standard ist wahr

vorSend(xhr): Eine Funktion, die ausgeführt werden soll, bevor die Anfrage gesendet wird

var StateID = $("#StateCbx").val() // Oder Sie können es verwenden $("#iStateID").val()

var StateName = $("#StateCbx option:selected").text()

alert("Ausgewählter Combobox-Text ist= " + StateName + " und Wert ist= " + StateID)

Durch $.ajax und durch Deklarieren der Methode als WebMethod

Die Methode .size() von Jquery gibt die Anzahl der Elemente im Objekt zurück. Das bedeutet, dass Sie die Anzahl der Elemente innerhalb eines Objekts zählen können.

Jquery.size() und jquery.length geben beide die Anzahl der im Objekt gefundenen Elemente zurück. Aber jquery.length ist schneller als jquery.size(), weil size() eine Methode, aber length eine Eigenschaft ist.

Fügen Sie das Schlüsselwort "debugger" der Zeile hinzu, von der aus wir das Debuggen starten möchten, und führen Sie dann Visual Studio im Debugmodus aus, indem Sie F5 drücken oder die Schaltfläche Debug verwenden.

Nein, wenn die Jquery-Datei zur Masterseite hinzugefügt wurde, können wir direkt auf die Inhaltsseite zugreifen, ohne einen Verweis darauf hinzuzufügen.

Dies kann mit diesem einfachen Beispiel erfolgen

Wir können mehr als eine document.ready()-Funktion auf einer Seite hinzufügen.

wir können nur eine onload-Funktion haben.

Die Funktion Document.ready() wird aufgerufen, sobald DOM geladen wird.

Die body.onload()-Funktion wird aufgerufen, wenn alles (DOM, Bilder) auf der Seite geladen wird.

Das gesamte div-Element mit der übergeordneten Klasse.

Laden Sie Ihr jQuery-Framework immer von Google, Microsoft oder jQuery CDN (Content Delivery Network). Da es mehrere Vorteile bietet.

  1. Sie verwenden immer das neueste jQuery-Framework.
  2. Es reduziert die Last von Ihrem Server.
  3. Das spart Bandbreite. Das jQuery-Framework wird von diesen CDNs schneller geladen.
  4. Der wichtigste Vorteil ist, dass es zwischengespeichert wird, wenn der Benutzer eine Site besucht hat, die das jQuery-Framework von einem dieser CDNs verwendet.

Nein. jQuery ist kein Ersatz für JavaScript. jQuery ist eine andere Bibliothek, die auf JavaScript geschrieben wird. jQuery ist eine leichtgewichtige JavaScript-Bibliothek, die die Interaktion zwischen JavaScript und HTML betont.

Um mit jQuery zu beginnen, muss man auf seine Bibliothek verweisen. Die neueste Version von jQuery kann von jQuery.com heruntergeladen werden.

Dollar Sign ist nichts anderes als ein Alias ​​für JQuery. Sehen Sie sich den folgenden jQuery-Code an.

Hier kann das $-Zeichen durch das Schlüsselwort "jQuery" ersetzt werden. Quelltext ansehenDrucken?

Die Funktion document.ready() unterscheidet sich aus zwei Gründen von der Funktion body onload().

  1. Wir können mehr als eine document.ready()-Funktion auf einer Seite haben, wo wir nur eine Body-Onload-Funktion haben können.
  2. Die Funktion document.ready() wird aufgerufen, sobald DOM geladen wird, während die Funktion body.onload() aufgerufen wird, wenn alles auf der Seite geladen wird, das DOM, Bilder und alle zugehörigen Ressourcen der Seite enthält.

JAWOHL. Wir können eine beliebige Anzahl von document.ready()-Funktionen auf derselben Seite haben.

Es gibt 3 Arten von Selektoren in Jquery

Einige der gängigen Methoden sind:

Alle Aktionen der Besucher, auf die eine Webseite reagieren kann, werden als Ereignisse bezeichnet. Ein Ereignis stellt den genauen Moment dar, in dem etwas passiert.

Beispiele: .mit der Maus über ein Element fahren .einen Radiobutton auswählen Der Begriff "fires" wird oft bei Ereignissen verwendet.

Beispiel: "Das Click-Ereignis wird in dem Moment ausgelöst, in dem Sie mit der Maus klicken".

Die meisten DOM-Ereignisse haben eine äquivalente jQuery-Methode.

Schritt 1: Um allen Absätzen auf einer Seite ein Klickereignis zuzuweisen, gehen Sie wie folgt vor: $("p").click()

Schritt 2: Der nächste Schritt besteht darin, zu definieren, was passieren soll, wenn das Ereignis ausgelöst wird. Sie müssen eine Funktion an das Ereignis übergeben:

Die Methode click() fügt einem HTML-Element eine Event-Handler-Funktion hinzu. Die Funktion wird ausgeführt, wenn der Benutzer auf das HTML-Element klickt. Das folgende Beispiel sagt: Wenn ein Click-Ereignis auf einem Element ausgelöst wird, blenden Sie das aktuelle Element aus:

Die Methode dbclick() fügt einem HTML-Element eine Event-Handler-Funktion hinzu. Die Funktion wird ausgeführt, wenn der Benutzer auf das HTML-Element doppelklickt:

Die Methode mouseenter() fügt einem HTML-Element eine Event-Handler-Funktion hinzu. Die Funktion wird ausgeführt, wenn der Mauszeiger das HTML-Element betritt:

Die Methode mousedown() fügt einem HTML-Element eine Event-Handler-Funktion hinzu. Die Funktion wird ausgeführt, wenn die linke Maustaste gedrückt wird, während sich die Maus über dem HTML-Element befindet:

Die Methode mouseup() fügt einem HTML-Element eine Event-Handler-Funktion hinzu. Die Funktion wird ausgeführt, wenn die linke Maustaste losgelassen wird, während sich die Maus über dem HTML-Element befindet:

Die Methode hover() übernimmt zwei Funktionen und ist eine Kombination der Methoden mouseenter() und mouseleave(). Die erste Funktion wird ausgeführt, wenn die Maus das HTML-Element betritt, und die zweite Funktion wird ausgeführt, wenn die Maus das HTML-Element verlässt:

Die Methode focus() fügt eine Ereignisbehandlungsfunktion an ein HTML-Formularfeld an. Die Funktion wird ausgeführt, wenn das Formularfeld den Fokus erhält:

Die Methode blur() fügt eine Event-Handler-Funktion an ein HTML-Formularfeld an. Die Funktion wird ausgeführt, wenn das Formularfeld den Fokus verliert:

jQuery ist wie das ASP.NET AJAX Client Framework (MicrosoftAjax.js) mit Selektoren, DOM-Auswahlen/-Manipulationen, Plug-Ins und besserer Animationsunterstützung. jQuery ist auf Client-Seite aufgrund seines geringen Gewichts leistungsfähiger als MS AJAX. Aus diesem Grund hat Microsoft jQuery in Visual Studio integriert. JQuery ist für Post-VS-Versionen 2008 integriert, für die Versionen über VS2010 ist kein expliziter Download der jQuery-Datei erforderlich. Ajax ist eine Technologie zur asynchronen Datenübertragung. AJAX ist eine Technik, um eine XMLHttpRequest von einer Webseite an den Server zu senden und Daten zu senden oder zu empfangen, die auf der Webseite verwendet werden sollen.

Dies ist ein jQuery-Plugin, das verwendet wird, um eine Funktion mit einer anderen Funktion zu verbinden / zu binden. Es ist eher das Zuweisen eines Handlers für eine andere Funktion. Connect wird verwendet, um eine Funktion auszuführen, wenn eine Funktion von einem anderen Objekt oder Plugin ausgeführt wird. Mit dieser Funktion können wir auch eine Verbindung zu einem Ereignis eines DOM-Elements herstellen. In dem Sinne kann dieselbe Connect-Funktion sowohl für DOM-Elemente als auch für die Funktionen verwendet werden. $.connect (refobj, refFuncName, connObj, connFunc) Das bedeutet, dass beim Ausführen der Referenzfunktion automatisch die verbundene Funktion nach ihr ausgeführt wird. Um mehr zu verstehen, analysieren Sie bitte die folgende Beispielfunktion A() < this.fun1 = function()< Called1 = 'calssA-fun1' >> var a = new A() function B() < this.fun2 = function()< call2 = 'classB-fun1' >> var b = new B()

$.connect(a,'fun1',b,fun2) Hier haben wir "fun2" von Objekt b mit "fun1" von Objekt a verbunden. Wenn wir b.fun2 aufrufen, wird auch a.fun1 automatisch ausgeführt.Dies ist sehr praktisch, um eine Funktion auszuführen, wenn eine andere Funktion vom Plug-In ausgeführt wird. Um damit zu spielen, befolgen Sie diese Schritte. ->Datei jquery.connect.js herunterladen. ->Diese Datei in Ihre HTML-Datei aufnehmen. ->Nehmen Sie die Hilfe der $.connect-Funktion wie abgebildet, um eine Funktion mit einer anderen zu verbinden.

  1. So wenden Sie CSS statisch oder dynamisch an
  2. So rufen Sie Funktionen bei Ereignissen auf
  3. Kreuzen Sie die Dokumente an
  4. Manipulationszweck
  5. Animationseffekte hinzufügen In allen Fällen, die wir verwenden, kann JavaScript in den Projekten durch jQuery ersetzt werden. Dies kann den Wartungsaufwand reduzieren.

Der Unterschied zwischen find()- und children()-Methoden besteht darin, dass die Kinder im DOM-Baum nur eine Ebene nach unten wandern, während die Suche alle Ebenen nach unten im DOM-Baum durchläuft.

Um zu testen, ob ein Element existiert, können wir die Längenmethode in jQuery wie folgt verwenden:

if $(''#mySampleDiv'').length ) //Tests ob das div mit der ID mySampleDiv existiert oder nicht
$(mySampleDiv).find(''div'')

Um jQuery in der ASP.NET-Webanwendung zu verwenden, führen Sie die folgenden Schritte aus:

  1. Gehen Sie zu http://jquery.com/(Die offizielle jQuery-Website)
  2. Laden Sie die neueste .js jQuery-Datei von der Website herunter.
  3. Legen Sie das Skript (oder einen anderen Ordner) in das Stammverzeichnis Ihrer Webanwendung
  4. Fügen Sie das folgende Tag auf der Seite hinzu, auf der Sie Jquery verwenden möchten

Die JQuery min .js-Datei ist eigentlich eine minimierte Version von Actual JQuery .js. Die min-Dateien haben eine geringere Größe, aber den gleichen Inhalt, sodass die Leistung verbessert wird. Sie sollten also lieber min-Dateien verwenden.

Der Vorteil der Verwendung von $(document).ready(function() in jQuery besteht darin, dass der Code in dieser Funktion nur ausgeführt wird, wenn die gesamte Seite geladen wurde, sodass kein Fehler wie beim DOM-Objekt auftritt, auf dem die Jquery ausgeführt werden muss wird nicht geladen.

Der folgende Code ist korrekt für Rückrufe mit Argumenten

wobei get die übergeordnete Funktion ist und sampleCallBackFunction die Rückruffunktion ist. Wenn Sie jedoch wie unten vorgehen, funktioniert es nicht:

$.get(''samplepage.html'', sampleCallBackFunction(arg1, arg2))

Jawohl. Eine Funktion, die nach der übergeordneten Funktion angezeigt wird, kann je nach Antwort der übergeordneten Funktion vor der Rückruffunktion ausgeführt werden oder nicht.

Eine Callback-Funktion ist nichts anderes als eine Funktion, die als Argument an eine andere Funktion übergeben wird und die ausgeführt wird, nachdem ihre Elternfunktion ausgeführt wurde.

Beachten Sie, dass sampleCallBackFunction hier keine Argumente hat.

Die Funktion event.preventDefault in Jquery wird verwendet, um das Standardverhalten des betreffenden Ereignisses zu verhindern.

Wenn Sie beispielsweise das Standardverhalten des Click-Ereignisses verhindern möchten, verwenden Sie den folgenden Code

Wenn Sie jetzt auf das div klicken, wird es langsam verschwinden.

Attributwerte sind Werte, die in eine HTML-Textdatei geschrieben wurden, aber Eigenschaftswerte sind Werte, die im HTML-DOM-Baum gefunden werden. Daher können sich Eigenschaftswerte je nach Benutzerinteraktion ändern, aber Attributwerte ändern sich nie.

data-role = "listview" in Jquery Mobile wird verwendet, um eine Aufzählung von Elementen wie unten gezeigt zu erstellen:

Unten ist der Code zum Erstellen einer Schaltfläche mit Jquery Mobile

Das data-role-Attribut von div in Jquery Mobile hat im Allgemeinen die folgenden Werte zugewiesen, um mit zu beginnen (jedoch gibt es auch andere Werte):

Dieses Attribut wird zum Erstellen von gestalteten Widgets verwendet.

Nachfolgend finden Sie die verallgemeinerte Version der js- und css-Datei, auf die wir bei der Entwicklung der Jquery Mobile-Anwendung verweisen müssen. jquery.mobile-x.x.x.min.css jquery-x.x.x.min.js jquery.mobile-x.x.x.min.js

Mit zwei Funktionen können wir die Operation ausführen.

Sie können das Webelement mit den Funktionen attr bzw. removeAttr deaktivieren/aktivieren.

* Sie können die Methode is() zusammen mit einem geeigneten Selektor verwenden

Beachten Sie, dass Sie mit dieser Methode auch auf andere Dinge testen können.

Sie können beispielsweise testen, ob ein Element ausgeblendet ist (indem Sie den benutzerdefinierten :hidden-Selektor verwenden):

Mit der Methode css() können wir CSS im div-Element anwenden.

Nein, Masterseite/Basisseite/Vorlagenseite hilft grundsätzlich dabei, ein konsistentes Layout für die Seite in der Anwendung zu erstellen. Falls Sie auf die jQuery-Datei in der Masterseite/Basisseite/Vorlagenseite verwiesen haben, die das Rendern der Datei im Browser verursacht, müssen Sie die jQuery-Datei nicht erneut auf die Inhaltsseite verweisen. Zusammenfassend sollte im Quellcode der gerenderten Webseite im Browser nicht mehr als ein < script>-Tag mit jQuery-Dateiverweis vorhanden sein.

Hinsichtlich der Funktionalität gibt es keinen Unterschied zwischen der jQuery-x.x.x.js und jQuery-x.x.x-min.js (auch Minified-Version genannt). Dies kann jedoch eine entscheidende Rolle für die Leistung der Webseite spielen.

Die Dateigröße von jQuery-1.4.4.js beträgt 178 KB, während die minimierte Version jQuery-1.4.4-min.js nur 76,7 KB groß ist. Wenn Ihre Seite also im Browser des Clients geladen wird, wenn Sie keine minimierte Version verwenden, wird eine 178-KB-Datei geladen, deren Ladezeit länger als 76,7 KB dauert.

Wenn wir die jQuery-Datei von unserem eigenen Server laden können, fragen Sie vielleicht, warum wir sie von den CDNs laden sollen. Die Antwort ist logisch und sehr einfach. Das Browserverhalten besteht darin, dass beim Laden einer Webseite die zugehörigen Dateien (z. B. Javascript-Dateien, CSS-Dateien und Bilder), die für diese Seite verwendet werden, in ihrem Cache (auch als Verlauf bezeichnet) gespeichert werden. Wenn der Benutzer das nächste Mal eine Webseite durchsucht, lädt der Browser nur die Dateien, die neu oder geändert sind und nicht im Browser-Cache oder -Verlauf verfügbar sind. Auf diese Weise verbessert der Browser seine Leistung und lädt die Seite. Es besteht die Möglichkeit, dass, wenn immer mehr Websites CDNs verwenden, der Benutzer möglicherweise bereits einige andere Webseiten durchsucht hat, die CDNs jQuery-Datei verwenden, und diese Datei kann sich im Browser-Cache befinden , wird die ältere zwischengespeicherte Version der jQuery-Datei verwendet. Auf diese Weise wird Ihre Seite schneller geladen, da der Browser die jQuery-Datei für Ihre Seite nicht erneut laden muss. Der Vorteil: Schnelleres Laden der Seite, da die jQuery-Datei nicht heruntergeladen werden muss Spart Ihre Bandbreite, da die jQuery-Datei nicht von Ihrem Server geladen wird Skalierbar - in der Regel legen CDNs diese Dateien auf den Servern an verschiedenen geografischen Standorten der Welt ab, damit sie schneller geladen werden Unabhängig davon, von wo aus Ihr Benutzer Ihre Seite durchsucht, läuft Ihre Anwendung gut.

Ja, es ist immer gut, Ihre JQuery aus dem Content Delivery Network zu laden. Es bietet einige Vorteile wie: - Caching - Dies bedeutet, dass, wenn eine zuvor vom Benutzer besuchte Website jQuery von Google CDN verwendet, die zwischengespeicherte Version verwendet wird. Es wird nicht erneut heruntergeladen. Reduziert die Last – Es reduziert die Last auf Ihrem Webserver, wenn er von den Google-Servern heruntergeladen wird.

Nein, wenn die Jquery-Datei zur Masterseite hinzugefügt wurde, können wir direkt auf die Inhaltsseite zugreifen, ohne einen Verweis darauf hinzuzufügen. Dies kann mit diesem einfachen Beispiel erfolgen

Der Vorteil der Verwendung einer minimierten Version der JQuery-Datei besteht darin, dass die Effizienz der Webseite erhöht wird. Die normale Version jQuery-x.x.x.js hat eine Dateigröße von 178 KB, aber die minimierte Version jQuery.x.x.x-min.js hat 76,7 KB. Durch die Reduzierung der Größe wird die Seite schneller geladen als bei einer herkömmlichen jQuery-Datei mit 178 KB

CDN – Es steht für Content Distribution Network oder Content Delivery Network. Im Allgemeinen ist eine Gruppe von Systemen an verschiedenen Orten verbunden, um Datendateien zwischen ihnen zu übertragen, um die Bandbreite beim Datenzugriff zu erhöhen. Die typische Architektur ist so konzipiert, dass ein Client von seinem nächstgelegenen Client auf eine Dateikopie zugreift, anstatt von einem zentralisierten Server darauf zuzugreifen. So können wir diese jQuery-Datei von diesem CDN laden, damit die Effizienz aller Clients, die in diesem Netzwerk arbeiten, erhöht wird.


CakePHP - Mehrere Tabellen gleichzeitig aktualisieren

Ich habe eine Cakephp 1.3-App, die funktioniert und ich habe das folgende Setup:

Eine Tabelle namens Emissionen bei diesem Modell:

Klasse Emission erweitert AppModel

Und eine Tabelle namens emissions_messages mit diesem Modell:

Klasse EmissionMessage erweitert AppModel

Die Tabelle „emission_message“ enthält ein Feld namens „emission_id“ für den Fremdschlüssel.

Wenn ich eine neue Instanz von Emission erstelle, muss ich gleichzeitig eine neue Instanz von emissions_message erstellen, das heißt: in dem Formular, in dem ich eine neue Emission in meine Datenbank einfügen würde, brauche ich Eingaben der damit verbundenen emissions_message gleiche Emission. Gleiches gilt für das Bearbeitungsformular.

Ich glaube, ich habe dies falsch gemacht, weil ich "manuell" in die Emissions_message-Tabelle mit der zugehörigen ID einfügen kann, sobald die Emission erstellt wurde, aber ich vermute, dass dies nicht der richtige Weg ist und dass cakePHP dies automatisch tun soll. Ich weiß nicht, wie ich meine Eingaben im Formular benennen soll, damit die Informationen richtig gespeichert werden oder wenn meine Modelle falsch sind und deshalb funktioniert es nicht.

Um die Dinge klarer zu machen: Emission und EmissionMessage stehen in einer Eins-zu-Eins-Beziehung, das Hinzufügen von hasOne zu Emissionen hat es auf halbem Weg geklappt. Ich kann die Felder jetzt speichern mit:

Aber wenn ich versuche, denselben Datensatz mit der Aktion edit() zu aktualisieren, werden die Daten nur in einer neuen Zeile gespeichert (mit dem Fremdschlüssel, aber in einer neuen Zeile, anstatt die vorherige zu aktualisieren).

Sowohl in edit()- als auch in add()-Aktionen (insert und update)

BEARBEITEN 2: Es scheint, dass die versteckte Eingabe mit der ID der EmissionMessage-Tabelle den Trick gemacht hat (ich habe es vorher nicht richtig gemacht, nachdem ich das behoben hatte, funktionierte es gut), wie diese Antwort vorschlägt: <a href="https://stackoverflow .com/questions/9081853/saveall-inserts-new-row-instead-of-updating" rel="nofollow">saveAll() fügt eine neue Zeile ein, anstatt zu aktualisieren</a>

Ich finde es sehr seltsam, dass ich diese versteckte Eingabe hinzufügen muss, aber das löst zumindest das Problem.

mach einfach die dinge wie -

Klasse Emission erweitert AppModel

und danach das Formular erstellen.

$this->Form->create('Emission') $this->Form->input('Emission.id') $this->Form->input('Emission.fieldsname') $this->Form->input('EmissionMessage.id') $this->Form->input('EmissionMessage.fieldsname2') $this->Form->input('EmissionMessage.fieldsname3') $this->Form->submit()

und dann im Aktionsaufruf-

$this->Emission->saveAll($this->data) zum Speichern aller Daten.

gehen Sie durch den untenstehenden Link für weitere Details. <a href="http://book.cakephp.org/1.3/en/The-Manual/Developing-with-CakePHP/Models.html" rel="nofollow">http://book.cakephp.org/1.3/en /Das-Handbuch/Entwicklung-mit-CakePHP/Models.html</a>

Wenn Emission nur eine Emission_message hat, müssen Sie hasOne Association Type verwenden, ändern Sie Ihr Modell in:

Klasse Emission erweitert AppModel

Klasse EmissionMessage erweitert AppModel

Deklarieren Sie $hasMany in Ihrer Emission, um eine hasMany-Beziehung mit EmissionMessage aufzubauen

Klasse Emission erweitert AppModel

Emission speichert auch die Datensätze des EmissionMessage-Modells, sobald Sie das Datenarray wie folgt platzieren. d.h.

$data = array( 'Emission' => array( 'field1' => 'value1', 'field2' => 'value2' ), 'EmissionMessage' => array( '0' => array( 'field1' => 'value1', ), '1' => array( 'field1' => 'value1', ), '2' => array( 'field1' => 'value1', ) ) )

Sie können ein obiges Array mit Ihrem Formularhelfer erstellen.

$this->Form->create('Emission') $this->Form->input('Emission.field1') $this->Form->input('Emission.field2') $this->Form->input('EmissionMessage.0.field1 ') $this->Form->input('EmissionMessage.1.field1') $this->Form->input('EmissionMessage.2.field1') $this->Form->submit()

Wenn Sie das Formular absenden, können Sie die Daten wie das obige Array in $this->request->data abrufen.


HTTPS-Proxy für Realm Object Server funktioniert nicht

Ich kann den https-Proxy für meinen Realm Object Server nicht zum Laufen bringen. Ich habe jeden Schritt in der Dokumentation befolgt, einschließlich der Bearbeitung der Datei configuration.yml, um sie zu ändern:

proxy.https.enable: true proxy.https.listen_address: :: proxy.https.listen_port: 9443 proxy.https.certificate_path: 'cert_path' proxy.https.private_key_path: 'private_key_path'

Wenn ich <a href="http://example.com:9080" rel="nofollow noreferrer">http://example.com:9080</a> besuche, ist es in Ordnung, aber beim Besuch von <a href="https://example.com :9443" rel="nofollow noreferrer">https://example.com:9443</a> funktioniert nicht - ich habe überprüft, dass die Pfade korrekt sind und die Schlüsselkombination cert/private gültig ist.

Jede Hilfe bei der Konfiguration wäre sehr dankbar, da ich versuche, die App in Übereinstimmung mit den ATS-Anforderungen von Apple zu erhalten!

Der Realm Object Server wird vom Benutzer "realm" gestartet, Sie sollten überprüfen, ob der Benutzer berechtigt ist, auf die Zertifikate zuzugreifen.

Hier ist eine Liste mit Anweisungen zum Einrichten von https mit <a href="https://letsencrypt.org/" rel="nofollow">letsencrypt</a>! Unter Ubuntu 16.04 hilft es vielleicht, Ihr Problem zu identifizieren:

<ol><li>Installieren Sie ROS, letsencrypt und erzeugen Sie Zertifikate</li> </ol>


Einige letzte Gedanken¶

Wenn Sie den gesamten in diesem Kapitel beschriebenen Prozess durchlaufen und die Anwendung für jede Plattform erstellt haben, dann herzlichen Glückwunsch. Es gibt viele Orte, an denen etwas schief gehen kann. Sie integrieren die Buildsysteme wirklich in Visual Studio, Android, Xamarin und XCode.

Sobald diese eingerichtet sind, werden sie glücklicherweise weiterhin funktionieren und Sie müssen nicht mehr darüber nachdenken. Die Build-Tools und Simulatoren für Android und iOS funktionieren einfach.

Wenn Sie lieber Code auf Ihrem Mac entwickeln möchten, ist der nächste Abschnitt genau das Richtige für Sie - es geht ins Detail, genau dieselbe App zu entwickeln, aber stattdessen Visual Studio für Mac zu verwenden.

In den folgenden 7 Kapiteln wird jeweils ein Aspekt der Clouddienste behandelt, die für mobile Apps bereitgestellt werden können, und ausführlich untersucht, wobei eine Azure Mobile App als Ausgangspunkt verwendet wird. Sie können an dieser Stelle herumspringen, aber beachten Sie, dass wir von Ihnen erwarten, dass Sie diese Themen der Reihe nach behandeln. Wenn Sie das Datenkapitel bearbeiten, bevor Sie die Authentifizierung behandeln, haben Sie wahrscheinlich wichtige Funktionen in Ihrer App verpasst, um die Arbeit abzuschließen.


Schau das Video: jQuery Mobile