Heim  >  Artikel  >  Web-Frontend  >  Was sind die Kernfunktionen von jquery?

Was sind die Kernfunktionen von jquery?

青灯夜游
青灯夜游Original
2021-11-15 16:24:122739Durchsuche

Die Kernfunktionen von jquery: 1. jQuery(), wird hauptsächlich verwendet, um HTML-DOM-Elemente abzurufen und in jQuery-Objekte zu kapseln; 2. „jQuery.noConflict()“, wird verwendet, um die jQuery-Steuerung der Variablen „$“ zu übertragen.

Was sind die Kernfunktionen von jquery?

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

jQuery-Kernfunktion

Funktion Beschreibung
jQuery() akzeptiert eine Zeichenfolge, die einen CSS-Selektor enthält, der zum Abgleichen einer Sammlung von Elementen verwendet wird.
jQuery.noConflict() Führen Sie diese Funktion aus, um die Kontrolle über die Variable $ an die erste Bibliothek zu übertragen, die sie implementiert.

Funktionsbeschreibung

jQuery():

Die Funktion jQuery() ist die Kernfunktion der jQuery-Bibliothek, und alles in jQuery basiert auf dieser Funktion. Diese Funktion wird hauptsächlich verwendet, um HTML-DOM-Elemente abzurufen und in jQuery-Objekte zu kapseln, sodass andere von jQuery-Objekten bereitgestellte Eigenschaften und Methoden zum Bearbeiten von DOM-Elementen verwendet werden können.

Die Funktion jQuery() ist sehr leistungsfähig. Sie kann verschiedene Arten von Parametern intelligent in jQuery-Objekte kapseln.

Syntax

  • jQuery(selector, [ context ])
    Kapseln Sie das HTML-DOM-Element, das dem Selector-String-Selektor entspricht, in ein jQuery-Objekt. Der optionale Parameter context wird verwendet, um den Umfang der Suche nach DOM-Elementen anzugeben.
  • jQuery( [ obj ])
    Kapselt das angegebene Objekt obj in ein jQuery-Objekt. Dieses Objekt kann ein DOM-Element (Element), ein Array von DOM-Elementen, ein jQuery-Objekt (Klon) oder andere Objekte sein. Sie können diesen Parameter auch weglassen und so ein leeres jQuery-Objekt zurückgeben.

jQuery 1.4 fügt die Verwendung des Weglassens des Parameters obj hinzu: Ohne Übergabe von Parametern wird ein leeres jQuery-Objekt zurückgegeben

  • jQuery(html, [ownerDocument])
    Dynamisch entsprechend der HTML-Tag-Zeichenfolge html Erstellen Sie ein temporäres DOM-Element und kapseln Sie es als jQuery-Objekt. Der optionale ParameterownerDocument wird verwendet, um das Dokument anzugeben, in dem das temporäre DOM-Element erstellt wird (wenn mehrere Dokumente vorhanden sind, z. B. eine Frame-Seite).

jQuery 1.0 hat diese Verwendung hinzugefügt.

  • jQuery(html, Properties)
    Erstellt dynamisch temporäre DOM-Elemente basierend auf der HTML-Tag-Zeichenfolge html und dem Eigenschaftenobjekt, das seine zusätzlichen Eigenschaften, Ereignisse und Methoden enthält, und kapselt es als jQuery-Objekt.

jQuery 1.4 hat diese Verwendung hinzugefügt.

  • jQuery( Rückruf)
    Nachdem das aktuelle Dokument geladen wurde, führen Sie den angegebenen Funktionsrückruf aus. Diese Verwendung ist die Abkürzung der folgenden Verwendung der Funktion ready(): jQuery(document).ready(callback).

jQuery 1.0 hat diese Verwendung hinzugefügt.

Parameter

Attribute Description
selector String-Typ Der angegebene Selektor-String, der zum Suchen des entsprechenden DOM-Elements verwendet wird.
Kontext Optional/Objekttyp Gibt den Suchbereich der Selektorzeichenfolge an, bei der es sich um DOM-Elemente, DOM-Element-Arrays, Dokumente oder jQuery-Objekte handeln kann. Wenn dieser Parameter weggelassen wird, wird standardmäßig das aktuelle Dokument verwendet.
obj Optional/Objekttyp Das angegebene Objekt wird verwendet, um es als jQuery-Objekt zu kapseln. Es kann ein DOM-Element, ein DOM-Element-Array, ein Dokument, ein jQuery-Objekt usw. sein.
html Objekttyp Angegebene HTML-Tag-Zeichenfolge, z. B. "a6f776b766579c28d02706af09482172"、"e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3"、"9a4b06dcac8449df108f039ca54939d094b3e26ee717c64999d7867364b1b4a3" (Tags können auch in Tags verschachtelt sein, sofern sie der HTML-Syntax entsprechen).
ownerDocument Dokumenttyp Gibt das Dokument an, auf dem das DOM-Element vorübergehend erstellt wird. Standardmäßig ist das aktuelle Dokument.
Eigenschaften Objekttyp Das angegebene Objekt, das zum Angeben der Eigenschaften, Ereignisse und Methoden von DOM-Elementen verwendet wird. Zum Beispiel: {name:“username“, „click“:function(){}}
callback Funktionstyp Die angegebene Funktion wird verwendet, um unmittelbar nach dem Laden des DOM-Dokuments ausgeführt zu werden.

Rückgabewert

Der Rückgabewert der Funktion jQuery() ist vom Typ jQuery und gibt ein jQuery-Objekt zurück. Beispiel und Beschreibung: [ownerDocument] )

Beispielcode:

// 选择当前文档中所有的p标签DOM元素
$("p");

// 选择id属性为username的DOM元素
$("#username");

// 选择所有包含test样式的DOM元素,(例如:class="test")
$(".test");

// 选择所有p标签中带test样式的DOM元素
$("p .test");
  • jQuery(html, Eigenschaften)Beispielcode:
var dom = document.getElementById("username");
// 将DOM元素封装为jQuery对象
$(dom);

var doms = document.getElementsByName("book_id");
// 将DOM元素数组封装为jQuery对象
$(doms);

// 将body元素封装为jQuery对象
$(document.body);
  • jQuery( Rückruf)Beispielcode:
// 创建一个空的span标签的临时DOM元素,并将其封装为jQuery对象
// 以下三种方式的效果一致
$(&#39;<span/>&#39;);
$(&#39;<span></span>&#39;);
$(&#39;<span>&#39;); // 但不推荐使用这种方式

// 创建一个p标签,内部包含带有test样式的span标签
$(&#39;<p><span class="test"></span></p>&#39;);

// 创建一个表格
var html = &#39;<table>&#39;;
html += &#39;<tr>&#39;;
html += &#39;<td>单元格1</td>&#39;;
html += &#39;<td>单元格2</td>&#39;;
html += &#39;</tr>&#39;;
html += &#39;<tr>&#39;;
html += &#39;<td>单元格3</td>&#39;;
html += &#39;<td>单元格1</td>&#39;;
html += &#39;</tr>&#39;;
html += &#39;</table>&#39;;
$(html);
    jQuery.noConflict()
  • noConflict( )-Methode Übertragen Sie die Kontrolle über die Variable $ an jQuery.
  • Diese Methode kann auch verwendet werden, um einen neuen benutzerdefinierten Namen für die jQuery-Variable anzugeben.
    Tipp: Verwenden Sie sie in anderen JavaScript-Bibliotheken . Diese Methode ist nützlich, wenn $.
    removeAll Boolescher Wert Gibt an, ob eine vollständige Wiederherstellung von jQuery-Variablen zulässig ist

Das obige ist der detaillierte Inhalt vonWas sind die Kernfunktionen von jquery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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