jQuery API の add( selector ) は、マッチした要素群に、selectorにマッチした要素群を追加するメソッド。
記述方法
jQuery( セレクター１ ) . add( セレクター２ );
「セレクター１」にマッチした要素群に、「セレクター２」にマッチした要素群を追加。
記述例
jQuery( '.smaple-1' ) . add( '.smaple-2' );
クラス名が「smaple-1」である要素群に、クラス名が「smaple-2」である要素群を追加。
実装例（サンプル）
| セル | セル | セル |
| セル | セル | セル |
| セル | セル | セル |
実装例（サンプル）のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
jQuery( '.jquery-api-sample-1' )
. css( 'backgroundColor', 'yellow' )
. add( '.jquery-api-sample-2' )
. css( 'color', 'red' );
} );
// -->
</script>
<!--
jQuery( function() {
jQuery( '.jquery-api-sample-1' )
. css( 'backgroundColor', 'yellow' )
. add( '.jquery-api-sample-2' )
. css( 'color', 'red' );
} );
// -->
</script>
HTML
<table id="jquery-api-sample">
<tr>
<td class="jquery-api-sample-2">セル</td>
<td class="jquery-api-sample-1">セル</td>
<td class="jquery-api-sample-2">セル</td>
</tr>
<tr>
<td class="jquery-api-sample-1">セル</td>
<td class="jquery-api-sample-2">セル</td>
<td class="jquery-api-sample-1">セル</td>
</tr>
<tr>
<td class="jquery-api-sample-2">セル</td>
<td class="jquery-api-sample-1">セル</td>
<td class="jquery-api-sample-2">セル</td>
</tr>
</table>
<tr>
<td class="jquery-api-sample-2">セル</td>
<td class="jquery-api-sample-1">セル</td>
<td class="jquery-api-sample-2">セル</td>
</tr>
<tr>
<td class="jquery-api-sample-1">セル</td>
<td class="jquery-api-sample-2">セル</td>
<td class="jquery-api-sample-1">セル</td>
</tr>
<tr>
<td class="jquery-api-sample-2">セル</td>
<td class="jquery-api-sample-1">セル</td>
<td class="jquery-api-sample-2">セル</td>
</tr>
</table>