Heim > Artikel > Web-Frontend > 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. |
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.
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 1.0 hat diese Verwendung hinzugefügt.
jQuery 1.4 hat diese Verwendung hinzugefügt.
jQuery 1.0 hat diese Verwendung hinzugefügt.
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. |
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");
var dom = document.getElementById("username"); // 将DOM元素封装为jQuery对象 $(dom); var doms = document.getElementsByName("book_id"); // 将DOM元素数组封装为jQuery对象 $(doms); // 将body元素封装为jQuery对象 $(document.body);
// 创建一个空的span标签的临时DOM元素,并将其封装为jQuery对象 // 以下三种方式的效果一致 $('<span/>'); $('<span></span>'); $('<span>'); // 但不推荐使用这种方式 // 创建一个p标签,内部包含带有test样式的span标签 $('<p><span class="test"></span></p>'); // 创建一个表格 var html = '<table>'; html += '<tr>'; html += '<td>单元格1</td>'; html += '<td>单元格2</td>'; html += '</tr>'; html += '<tr>'; html += '<td>单元格3</td>'; html += '<td>单元格1</td>'; html += '</tr>'; html += '</table>'; $(html);
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!