Was sind die Kernfunktionen von jquery?

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.

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. "<p></p>"、"<p></p>"、"<p id="'tagId'"></p>" (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!