Maison > interface Web > js tutoriel > le corps du texte

Exemples d'utilisation de la méthode add() dans jQuery_jquery

WBOY
Libérer: 2016-05-16 16:21:31
original
1251 Les gens l'ont consulté

L'exemple de cet article décrit l'utilisation de la méthode add() dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Cette fonction ajoute des éléments correspondant à une expression aux éléments correspondants.
Les résultats renvoyés par la fonction add() seront toujours triés dans l'ordre dans lequel les éléments apparaissent dans le document HTML, plutôt que simplement ajoutés.

Grammaire :

Grammaire 1 :

Copier le code Le code est le suivant :
$(selector).add(expr,context)

Paramètre
参数 描述
expr 可选。用于匹配元素的选择器字符串。
context 可选。作为待查找的 DOM 元素集、文档或 jQuery 对象。
Description
expr Facultatif. La chaîne de sélection utilisée pour faire correspondre les éléments.
contexte Facultatif. En tant qu'ensemble d'éléments DOM, de documents ou d'objets jQuery à trouver.

Exemple :

Exemple 1 :

Ajoutez des éléments span aux éléments correspondants et définissez leur couleur de police sur vert.

Copier le code Le code est le suivant :





Accueil du script








  • Je suis p



  • Je suis span

Je suis span



Exemple 2 :




Accueil du script








  • Je suis p



  • Je suis span

Je suis span





Grammaire 2 :


Copier le code

Le code est le suivant :$(selector).add(element)
参数列表 :
参数
参数 描述
element 可选。被添加的DOM元素或者jQuery元素
描述
élément 可选。被添加的DOM元素或者jQuery元素

实例 :

实例一 :

复制代码 代码如下 :





脚本之家






 

       

  •      

    我是p


       

  •     我是span
     

  我是span




实例二 :

复制代码 代码如下 :




脚本之家






 

       

  •      

    我是p


       

  •     我是span
     

  我是span





语法三 :


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

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

实例 :

代码如下 :






脚本之家





 

       

  •      

    我是p


       

  •  



希望本文所述对大家的jQuery程序设计有所帮助。

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal