首頁  >  文章  >  web前端  >  jQuery中add()方法用法實例_jquery

jQuery中add()方法用法實例_jquery

WBOY
WBOY原創
2016-05-16 16:21:311256瀏覽

本文實例講述了jQuery中add()方法用法。分享給大家供大家參考。具體分析如下:

此函數在符合元素中加入與表達式相符的元素。
add()函數傳回的結果將始終以元素在HTML文件中出現的順序來排序,而不再是簡單的新增。

文法:

語法一:

複製程式碼 程式碼如下:
$(selector).add(expr,context)

$(selector).add(expr,context)
参数 描述
expr 可选。用于匹配元素的选择器字符串。
context 可选。作为待查找的 DOM 元素集、文档或 jQuery 对象。
$(selector).add(expr,context)
wp-fpwordx-fpword-p) padx-top: 4stylex-fpword-p) padx-top參數 wp-fpwordx-fpword-p) padx-top: 4stylex-fpword-p) padx-top描述
expr 可選。用於匹配元素的選擇器字串。
context 可選。作為待查找的 DOM 元素集、文件或 jQuery 物件。

實例:

實例一:

將span元素添加的匹配元素中去,並將它們的字體顏色設為綠色。

複製程式碼 程式碼如下:






腳本之家






 

       

  •      

    我是p


       

  •     我是span
     

  我是span



實例二:

複製程式碼 程式碼如下:






腳本之家






 

       

  •      

    我是p


       

  •     我是span
     

  我是span



語法二:

複製程式碼 程式碼如下:
$(selector).add(element)

參數列表:
表>

實例:

實例一:

複製程式碼程式碼如下:






腳本之家

身體>

實例二:

複製程式碼程式碼如下:






腳本之家

身體>

語法三:

複製程式碼程式碼如下:
$(selector).add(html)

參數列表:
參數
参数 描述
element 可选。被添加的DOM元素或者jQuery元素
描述
元素 可選。 word">DOM元素或jQuery元素
表>

實例:

程式碼如下:







腳本之家


    $(文檔).ready(function(){
        alert($("p").add("新建的").length);
    })
腳本>
頭>


 

       

  •      

    我是p


       

  •  

身體>

希望本文對大家介紹的 jQuery 程式設計有所幫助。
參數
参数 描述
html 可选。被添加的html代码片段
描述
html 可選。 -wrap:break-word">。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn