attr() - 動態增加 HTML 標籤屬性
attr()語法，可以用來修改HTML標籤的參數。
你有看到，我利用attr去取得p段落的class這個HTML屬性，並切換這個屬性值內容，藉此來切換字體大小。
attr() v.s css() 用法差異
這邊你要特別注意這兩個方法使用上的差異。attr(): 適用的是修改 HTML 的屬性，而非 CSS style 的屬性css(): 直接修改css style的樣式
如果，你直接用attr()的方式去修改以上範例中p段落的font-size的css style屬性是改不動的喔。
必須先得到該目標算的html屬性，接著，才能對這個html屬性作修正喔，
如果，該屬性不是html屬性的話，你是無法透過attr()直接修改它，但是你硬要用attr來修的話，就必須要像上面那個例子一樣，
用不同的className切換，藉此，間接的來切換不同的css style的設定。
不然的話，直接用css()直接修改目標元素的css style樣式比較快啦。
remove() - 移除網頁標籤小工具
你可以看到，我們透過remove的按鈕，就可以直接將按鈕的父元素整個刪掉囉。
remove() v.s hide() 差異
remove(): 是將整個元素刪掉，所以，它會直接消失在HTML的文件裡面。hide(): 只是將目標元素的display設為none而已，所以，這個元素其實是還存在HTML文件裡面的。
這兩個方法，會影響你傳資料給後端的時候，如果，你只是用hide方法將目標元素隱藏，
但實際，該元素還是存在的話，會誤傳多餘的資料給後端喔。
所以，這種時候就要使用remove()來正確操作元素囉。
top滑動效果
使用jQ提供的animate效果來達成。
你可以看到，當點擊像上滑動的按鈕，會觸發讓body往上移動到最頂部，並在1秒內滑到頂部。
那下面的程式碼，就是當winddow的位置大於400的時候，向上滑的按鈕就fadeIn，然後，若小於400的話，這個按鈕就fadeOut。