Rock N Code

泰山最熱鬧的明志路就有2~3家土魠魚羹，還兼賣鐵路便當=..= 位於明志路二段的台南港口土魠魚羹明志店則專心賣土魠魚。

連續造訪二次都是點土魠魚羹，價位與土魠魚羹麵一樣，想來應該是少麵條但魚肉多d，加點烏醋、香菜的濃稠羹湯裝滿整整六塊土魠魚肉，不像台南一塊塊的魚肉是單獨裹粉炸，泰山明志店是整條長型的土魠魚炸完後再切成六塊放入湯中，吃的時候可看到爽快橫剖面，在在顯示魚肉夠厚實、新鮮！

菜單

土魠魚羹(NTD 55)、燙青菜(NTD 30)

青菜有多種可選

大塊新鮮魚肉~爽！

★台南港口土魠魚羹
addr：新北市泰山區明志路二段316號
泰山鄉農會(泰友辦事處)隔壁、新生國小斜對面

開發者不會滿足於透過jQuery取單一元素/值，多半需從龐大DOM中提取符合特定條件的元素，藉由.add()可取得更複雜的元素集合，且1.4版已經支援selector、element、html

■範例1：選取網頁內所有<div>與<span>元素

一般寫法
$('div,span')

使用.add()
$('div').add('span')

範例1還看不出.add()有別於多重selector的強大，接著來看範例2
■範例2：讓div與p元素擁有黃色背景色，且div元素還要帶紅色粗框

範例2的html
<!DOCTYPE html>
<html>
<head>
  <style>
 div { width:60px; height:60px; margin:10px; float:left; }
 p { clear:left; font-weight:bold; font-size:16px; 
     color:blue; margin:0 10px; padding:2px; }
 </style>
  <script src="http://code.jquery.com/jquery-1.5.js"></script>
</head>
<body>
  <div></div>

  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>

  <p>Added this... (notice no border)</p>
<script>
$('div').css('border', '2px solid red')
        .add('p')
        .css('background', 'yellow');
</script>

</body>
</html>

範例2之Demo成果

思考一下Demo成果如何形成
1.先抓取所有div元素，指定border樣式為2px的紅色實線
2.再抓取所有p元素→此時元素集合包含所有div以及p元素！！！
3.針對此時的集合(所有div與p)，指定background為黃色
4.依照這個思考順序，因此...div元素有紅粗框+黃背景；
透過.add()比較晚被抓取出來的p元素則只有黃背景！

瞧瞧~~這種效果就不是單靠selector搭配，運算子(範例1)可輕易達成，但.add()方法快速協助我們取得較複雜的集合以進行其他操作！

參考網址http://api.jquery.com/add/

台南港口土魠魚羹

[jQuery]jQuery的.add()方法