Heim > Web-Frontend > js-Tutorial > Anwendungsbeispiele der Methode add() in jQuery_jquery

Anwendungsbeispiele der Methode add() in jQuery_jquery

WBOY
Freigeben: 2016-05-16 16:21:31
Original
1276 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Verwendung der add()-Methode in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Funktion fügt Elemente, die einem Ausdruck entsprechen, zu den übereinstimmenden Elementen hinzu.
Die von der Funktion add() zurückgegebenen Ergebnisse werden immer in der Reihenfolge sortiert, in der die Elemente im HTML-Dokument erscheinen, und nicht einfach hinzugefügt.

Grammatik:

Grammatik 1:

Code kopieren Der Code lautet wie folgt:
$(selector).add(expr,context)

Parameter
参数 描述
expr 可选。用于匹配元素的选择器字符串。
context 可选。作为待查找的 DOM 元素集、文档或 jQuery 对象。
Beschreibung
expr Optional. Die Selektorzeichenfolge, die zum Abgleichen von Elementen verwendet wird.
Kontext Optional. B. eine Menge von DOM-Elementen, Dokumenten oder jQuery-Objekten, die gefunden werden sollen.

Beispiel:

Beispiel 1:

Fügen Sie span-Elemente zu passenden Elementen hinzu und stellen Sie deren Schriftfarbe auf Grün ein.

Code kopieren Der Code lautet wie folgt:






Skript-Startseite








  • Ich bin p



  • Ich bin span

Ich bin span



Beispiel 2:

Code kopieren Der Code lautet wie folgt:






Skript-Startseite








  • Ich bin p



  • Ich bin span

Ich bin span



Grammatik 2:

Code kopieren Der Code lautet wie folgt:
$(selector).add(element)

参数列表:
参数
参数 描述
element 可选。被添加的DOM元素或者jQuery元素
描述
element 可选。被添加的 DOM-basierte jQuery-Funktion

实例:

实例一:

复制代码 代码如下:






脚本之家






 

       

  •      

    我是p


       

  •     我是span
     

  我是span



实例二:

复制代码 代码如下:






脚本之家






 

       

  •      

    我是p


       

  •     我是span
     

  我是span



语法三:

复制代码 代码如下:
$(selector).add(html)

参数列表:
参数
参数 描述
html 可选。被添加的html代码片段
描述
html 可选。被添加的HTML-Vorlagen Schriftart>

实例:

代码如下:







脚本之家





 

       

  •      

    我是p


       

  •  


Sie haben die jQuery-Version mit jQuery erstellt.
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage