jQuery_jqueryのadd()メソッドの使用例

この記事の例では、jQuery での add() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

この関数は、式に一致する要素を一致する要素に追加します。
add() 関数によって返される結果は、単に追加されるのではなく、常に HTML ドキュメント内に要素が出現する順序で並べ替えられます。

文法:

文法 1:

コードをコピー コードは次のとおりです:

$(selector).add(expr,context)

テーブル>

例:

例 1:

span 要素を一致する要素に追加し、フォントの色を緑色に設定します。

コードをコピーします コードは次のとおりです:

<頭>





<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("p").add("span").css("color","green")
})

• 
  

  私は p

  
  

私はspan

私はspan

例 2:

コードをコピーします コードは次のとおりです:

<頭>





<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("p").add("span","ul").css("color","green")
})

• 
  

  私は p

  
  

私はspan

私はspan

文法 2:

コードをコピーします コードは次のとおりです:

$(selector).add(element)

パラメータ数列表:

パラメータ

参数	描述
expr	可选。用于匹配元素的选择器字符串。
context	可选。作为待查找的 DOM 元素集、文档或 jQuery 对象。

説明

式

オプション。要素を照合するために使用されるセレクター文字列。

コンテキスト

オプション。検索される DOM 要素、ドキュメント、または jQuery オブジェクトのセットとして。

テーブル>

实例:

实例一:

复制代 代码如下:

<頭>





<スクリプトタイプ="text/javascript">
    $(document).ready(function(){
        $("p").add(document.getElementById("myspan")).css("color","green")
    })

 

   
• 
       

  私はp

  
     

    我はspan
 

  私はspan

实例二:

复制代 代码如下:

<頭>





<スクリプトタイプ="text/javascript">
    $(document).ready(function(){
        $("p").add($("#myspan")).css("color","green")
    })

 

   
• 
       

  私はp

  
     

    我はspan
 

  私はspan

语法三:

复制代码代码如下:

$(selector).add(html)

パラメータ数列表:

パラメータ

参数	描述
element	可选。被添加的DOM元素或者jQuery元素。

説明

要素

DOM元素またはjQuery元素 。

テーブル>

实例:

复制代

代码如下:

<頭>




<スクリプトタイプ="text/javascript">
    $(document).ready(function(){
        alert($("p").add("新規追加").length);
    })

 

   
• 
       

  私はp

  
     

 

ここで説明されている大規模な jQuery プログラムの設計が役立つことを望みます。

パラメータ

参数	描述
html	可选。被添加的html代码片段。

説明

html

HTML コード セグメント font>。