jQuery中add()方法用法实例

本文实例讲述了jQuery中add()方法用法。分享给大家供大家参考。具体分析如下：

此函数在匹配元素中添加与表达式匹配的元素。
add()函数返回的结果将始终以元素在HTML文档中出现的顺序来排序，而不再是简单的添加。

语法:

语法一:
复制代码 代码如下:$(selector).add(expr,context)

实例:

实例一:

将span元素添加的匹配元素中去，并将它们的字体颜色设置为绿色。

复制代码 代码如下:







   ul
   {
          width:200px;
          height:200px;
          border:1px solid blue;
   }
   div
   {
          height:300px;
   }






 

   
• 
       

  我是p

  
     

    我是span
 

实例二:

复制代码 代码如下:







    ul
    {
        width:200px;
        height:200px;
        border:1px solid blue;
    }
    div
    {
        height:300px;
    }






 

   
• 
       

  我是p

  
     

    我是span
 

语法二:
复制代码 代码如下:$(selector).add(element)
参数列表:

实例:

实例一:

复制代码 代码如下:







    ul
   {
           width:200px;
           height:200px;
           border:1px solid blue;
    }
    div
   {
           height:300px;
    }






 

   
• 
       

  我是p

  
     

    我是span
 

实例二:

复制代码 代码如下:







    ul
   {
           width:200px;
           height:200px;
           border:1px solid blue;
    }
    div
   {
           height:300px;
    }






 

   
• 
       

  我是p

  
     

    我是span
 

语法三:
复制代码 代码如下:$(selector).add(html)
参数列表:

实例:

复制代码 代码如下:











 

   
• 
       

  我是p

  
     

 

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