Fragen zum JQ-Interview

1. Was ist der Unterschied zwischen $. Und $ (). Und was ist die Bedeutung von jedem

$ Ist ein anderer Name für jQuery

Und jQuery ist eine Funktion, die von der jQuery-Bibliothek bereitgestellt wird. (Es scheint, dass es sich nicht nur um eine Funktion handelt, da es auch Verwendungen wie $ .ajax (Optionen) gibt, die jQuery.ajax (Optionen) entsprechen.)

Die Funktion dieser Funktion besteht darin, Elemente im HTML-Dokument gemäß den Parametern in () zu finden und auszuwählen. Eine der Funktionen der Funktion besteht darin, GetElementByID zu ersetzen, aber () kann nicht nur IDs, sondern auch verschiedene Selektoren sein.

sowie:

$ (Dokument) dient zur Auswahl des gesamten Dokumentobjekts

Kann es nur durch $ ersetzt werden, nein? Um Namenskonflikte zu vermeiden, bietet die jQuery-Bibliothek einen weiteren Mechanismus, um jQuery-Funktionen andere Aliase zuzuweisen.

$ Ist ein JQuery-Objekt, $ () ist JQuery (), in dem Sie Parameter übergeben können, um DOM-Elemente abzurufen.

beispielsweise:

$(".div")表示获取类名为div1的元素，例如获取<div class="div1"></div>
$(".div1").onclick表示类名为div1的div点击事件
jquery中$.，例如$.post()，$.get()，$.ajax()等这些都是jquery这个对象的方法

2. Was ist der Unterschied zwischen ID und Klassenauswahl in JQ?

Verwenden Sie "#" für ID und "." Für Klasse

3. Wie kann ich mit JQ ein Bild ausblenden, wenn ich auf eine Schaltfläche klicke?

$("button").click(function(){
    $("#ImageToHide").hide();
})

4. Welche Funktion ist $ (document) .ready ()

Die Funktion ready () wird verwendet, um Code auszuführen, wenn das Dokument in den Bereitschaftszustand wechselt. Wenn das DOM vollständig geladen ist, kann der JQ-Code ausgeführt werden.

Vorteil: Es funktioniert in allen Browsern

5. Was ist der Unterschied zwischen dem window.load-Ereignis und der JQ-Ready-Funktion?

Der Hauptunterschied zwischen ersteren besteht darin, auf die Erstellung des DOM zu warten und zu warten, bis die Bilder, Videos, Audios usw. außerhalb des Hauses fertig sind. Bei der Ausführung des Codes für das window.load-Ereignis tritt eine Verzögerung auf in Ausführung.

Die ready () -Funktion muss nur auf den DOM-Baum warten, ohne auf das Laden von Bildern und externen Ressourcen zu warten, und wird schneller ausgeführt.

6. Wie finde ich die Optionen in allen HTML-Auswahl-Tags? - Verstehe nicht

Dies ist eine der kniffligen jQuery-Fragen im Interview. Dies ist eine grundlegende Frage, aber erwarten Sie nicht, dass jeder jQuery-Anfänger sie kennt. Sie können den folgenden jQuery-Selektor verwenden, um alle ausgewählten Elemente mit mehreren = true <select> -Tags abzurufen:

1	`$('[name=NameOfSelectedTag] :selected')`

Dieser Code verwendet eine Kombination aus dem Attributselektor und dem Selektor: selected, und als Ergebnis wird nur die ausgewählte Option zurückgegeben. Sie können es nach Bedarf ändern. Verwenden Sie beispielsweise das Attribut id anstelle des Attributs name, um das Tag <select> abzurufen.

8. Welche Funktion hat jeder () in JQ? Wie benutzt man es?

9. Wie fügt man dem DOM-Baum ein HTML-Element hinzu?

Mit der JQ-Methode appendTo () können Sie dem DOM-Baum ein HTML-Element hinzufügen.

10. Was ist der Unterschied zwischen $ (this) und diesen Schlüsselwörtern in JQ?

$ (this) gibt ein JQ-Objekt zurück. Sie können mehrere JQ-Methoden aufrufen, z. B. text (), um den Text abzurufen, val (), um den Wert abzurufen usw. Und dies stellt das aktuelle Element dar, es ist eines der Schlüsselwörter js und identifiziert das aktuelle DOM-Element im Kontext. Sie können die JQ-Methode erst dann aufrufen, wenn sie von der Funktion $ () umschlossen ist, z. B. $ (this).

11. Wie extrahieren Sie mit JQ beispielsweise die Attribute eines HTML-Tags? Verbinden Sie href?

Die attr () -Methode wird verwendet, um den Wert eines Attributs eines beliebigen HTML-Elements zu extrahieren.

$('a').each(function(){
    alter($(this).attr('href'))
})

12. Wie verwende ich JQ, um einen Attributwert festzulegen?

Die attr () -Methode ist dieselbe wie andere Methoden in JQ, attr (Name, Wert), wobei name der Name des Attributs und value der neue Wert des Attributs ist.

13. Was ist der Unterschied zwischen den Methoden attach () und remove () in JQ?

Werden verwendet, um ein DOM-Element zu entfernen

Anders: remove () verfolgt die Elemente, die in der Vergangenheit entfernt wurden

remove () behält einen Verweis auf das entfernte Objekt in der Vergangenheit bei

14. Was ist die Methodenkette in JQ? Was sind die Vorteile der Verwendung von Methodenketten?

Die Methodenkette besteht darin, eine andere Methode für das von einer Methode zurückgegebene Ergebnis aufzurufen. Dies macht den Code kurz und klar. Gleichzeitig ist die Leistung besser, da das DOM nur nach einer Runde durchsucht wird.

15. Was ist, wenn Sie in einem JQ-Ereignishandler false zurückgeben?

Verhindern Sie, dass Ereignisse nach oben sprudeln.

16. Welche Arten von Selektoren hat JQ?

Grundlegende Auswahl: ID, CSS-Typ, Elementname gibt das übereinstimmende DOM-Element zurück

Ebenenauswahl: Auch als Pfadauswahl bezeichnet. Sie können das entsprechende DOM-Element entsprechend der Pfadebene auswählen

Filterauswahl: Filtern Sie die relevanten Bedingungen auf der Grundlage der vorherigen und erhalten Sie das passende DOM-Element

17. Verwenden Sie JQ, um die Ränder aller Elemente auf der Seite auf 2 Pixel breite gestrichelte Linien festzulegen.

<script language="javascript" type="text/javascript">
        $("*").css("border","2px dotted red")
</script>

18. Wie kann ich mit JQ ein Dialogfeld öffnen, wenn ich auf die Schaltfläche klicke?

HTML
<input id="inputField" type="text" size="12" />
JQ
<script type="text/javascript">
$(document).ready(function(){
    $("button").click(function(){
        alert($("#inputFiled").attr("value"))
    })
})
</script>

19. Wie deaktiviere ich mit JQ die Vorwärts- und Rückwärtsschaltflächen des Browsers?

<script type="text/javascript" language="javascript">
    $(document).ready(function(){
        window.history.forward(1);
        window.history.forward(-1);
    })
</script>

20. Warum JQ verwenden? Was sind die Vorteile?

1. Da es sich bei jQuery um ein leichtes Framework handelt, beträgt die Größe weniger als 30 KB.
2. Es verfügt über einen leistungsstarken Selektor und eine hervorragende Kapselung für DOM-Operationen.
3. Es verfügt über einen zuverlässigen Mechanismus zur Ereignisbehandlung (jQuery ist bei der Verarbeitung der Ereignisbindung sehr zuverlässig.)
4. Perfekter Ajax (Das Ajax-Paket ist sehr gut, es muss nicht die Kompatibilität komplexer Browser sowie die Erstellung und Verwendung von XMLHttpRequest-Objekten berücksichtigt werden.)
5. Hervorragende Browserkompatibilität
6. Support Chain Operation, implizite Iteration
7, Trennung von Verhaltensschicht und Strukturschicht, Es werden auch umfangreiche Plug-Ins unterstützt. Die jquery-Dokumentation ist ebenfalls sehr umfangreich

21. Kennen Sie die Selektoren in jQuery und welche Selektoren gibt es?

Grob unterteilt in: Basis-Selektor, Level-Selektor, Formular-Selektor

Grundlegende Selektoren: ID-Selektor, Tag-Selektor, Klassen-Selektor usw.
Hierarchischer Selektor: Beispiel: $ ("Formulareingabe") wählt alle Eingabeelemente im Formularelement aus. $ ("# Main> *") wählt alle untergeordneten Elemente aus, deren ID main ist
Filterauswahl: Beispiel: $ ("tr: first") wählt das erste aller tr-Elemente aus $ ("tr: last") wählt das letzte aller tr-Elemente aus
Formularauswahl: Beispiel: $ (": Eingabe") wählt alle Formulareingabeelemente aus $ (": Text") wählt alle Texteingabeelemente aus

22. Wie werden JQ-Objekte und DOM-Objekte konvertiert?

Das jQuery-Objekt ist ein Array, das das dom-Objekt enthält. Sie können das dom-Objekt über das jQuery-Objekt [Index]
abrufen . Fügen Sie das dom-Objekt in $ ("") ein und verwandeln Sie es in ein jQuery-Objekt

23. Verwendung der Animation in jQuery

Verstecken: verstecken ()
Anzeige: show ()
Einblenden und Ausblenden: fadeIn () == Einblenden (Anzeigen) fadeOut () == Ausblenden (Verschwinden)
Folie: slideUp () == nach oben schieben slideDown () == nach unten schieben

24. Welche Methoden zum Einfügen von Knoten wurden in jQuery verwendet und was ist der Unterschied zwischen ihnen?

Hinzufügen von
Anhängen innerhalb des Elements : Anhängen von Inhalten in jedes übereinstimmende Element
 Ich möchte sagen: 
$ ("p"). Anhängen (" Hallo ")
 Ich möchte Sagen Sie: Hallo

appendTo: Hängt alle übereinstimmenden Elemente an die angegebenen Elemente an.
 Ich möchte sagen: 
$ (" Hallo ") .appendTo ("p")
 Ich möchte sagen: Hallo

Voranstellen: Fügen Sie dem Inneren jedes übereinstimmenden Elements
 Inhalt hinzu. 
$ ("p"). Voranstellen (" Hallo ")
 Hallo Ich möchte sagen:

prependTo: Stellen Sie alle übereinstimmenden Elemente den angegebenen Elementen voran
 Ich möchte sagen: 
$ (" Hallo ") .prependTo ("p")
 Hallo Ich möchte sagen:

Nachher außerhalb des Elements
hinzufügen: Inhalt nach jedem übereinstimmenden Element einfügen
 Ich möchte sagen: 
$ ("p"). Nach (" Hallo ")
 Ich möchte zu sagen: Hallo

insertAfter: Fügen Sie alle übereinstimmenden Elemente in die Rückseite des angegebenen Elements ein.
 Ich möchte sagen: 
$ (" Hallo ") .insertAfter ("p")
 I. möchte sagen: Hallo

Vorher: Fügen Sie vor jedem übereinstimmenden Element
 Inhalt ein. 
$ ("p"). Vorher (" Hallo ")
 Hallo b> Ich möchte sagen:

insertBefore: Fügen Sie alle übereinstimmenden Elemente vor dem angegebenen Element ein.
 Ich möchte sagen: 
$ (" Hallo ") .insertBefore ("p")
 You Ok Ich möchte sagen:

25. So rufen Sie Attribute in jQuery ab und legen sie fest

Mit attr () können Sie Elementattribute abrufen und festlegen
removeAttr () -Methode zum Löschen von Elementattributen

26. Wie kann man den Wert von HTML und Text festlegen und abrufen?

Holen Sie sich HTMl: $ ("Selector"). Html ()
Holen Sie sich den Wert des Textes: $ ("Selektor"). Text ()

27. Welche Methoden können Knoten in jQuery durchlaufen?

Kinder (): Ruft die Menge der untergeordneten Elemente des übereinstimmenden Elements ab, unabhängig von den untergeordneten Elementen $ (function () {$ ("div"). children ()})
next () Ruft das Geschwisterelement unmittelbar nach dem übereinstimmenden Element ab
prev () Ruft das Geschwisterelement unmittelbar vor dem übereinstimmenden Element ab
Geschwister () Holen Sie sich alle Geschwisterelemente vor und nach dem übereinstimmenden Element

28. Das zweite Element der Radio-Einzelauswahlgruppe ist der aktuell ausgewählte Wert, wie man ihn erhält

$ ('input [type = radio]') [1] .checked = true

29. Wie optimiere ich für jQuery?

Der Cache manipuliert häufig DOM-Objekte
Versuchen Sie, den ID-Selektor anstelle des Klassen-Selektors zu verwenden
Erben Sie immer von #id Selector
Versuchen Sie, Kettenoperationen zu verwenden
Verwenden Sie den Zeitdelegierten für das Bindungsereignis
Verwenden Sie die internen Funktionsdaten () von jQuery, um Daten zu speichern
Verwenden Sie die neueste Version von jQuery

30. jQuery Ein Objekt kann mehrere Ereignisse gleichzeitig binden. Wie wird dies erreicht?

$("#btn").on("mouseover mouseout", func);
  $("#btn").on({
      mouseover: func1,
      mouseout: func2,
      click: func3
  });

31. Was ist der Unterschied zwischen bind (), live (), delegate (), on () in jQuery?

direkt an das Zielelement binden
Live überträgt Ereignisse durch Bubbling und unterstützt dynamische Daten im Standarddokument
delegieren Bei genauerer und kleinerer Verwendung des Ereignis-Proxys ist die Leistung besser als live
on ist der neue Mechanismus zur Ereignisbindung, der die vorherigen drei Methoden in der neuesten Version 1.9 integriert

32. Auf welches Objekt verweist dies, das von der init-Methode von jQuery.fn zurückgegeben wird? Warum das zurückgeben?

Das von der init-Methode von jQuery.fn zurückgegebene Objekt ist das jQuery-Objekt. Der
Benutzer kann das jQuery-Objekt mithilfe von jQuery () oder $ () initialisieren. Es ist nicht erforderlich, die init-Methode dynamisch aufzurufen.

Fragen zum JQ-Interview

Ich denke du magst