在我們使用jquery中,會經常使用幾個主要和常用的API,今天我們詳細介紹這幾個API的使用和場景用途。
- append(content|fn),向每個匹配的元素內部追加內容。
比如:

向P元素內部添加一段文本內容。返回一個HTML字符串,用于追加到每一個匹配元素的里邊。接受兩個參數,index參數為對象在這個集合中的索引值,html參數為這個對象原先的html值。
2.removeClass([class|fn]),從所有匹配的元素中刪除全部或者指定的類。
比如:
從匹配的P元素中刪除 'selected' 類。此函數必須返回一個或多個空格分隔的class名。接受兩個參數,index參數為對象在這個集合中的索引值,class參數為這個對象原先的class屬性值。
3.click([[data],fn]),觸發每一個匹配元素的click事件。這個函數會調用執行綁定到click事件的所有函數。
比如:
將頁面內所有段落點擊后隱藏。在每一個匹配元素的click事件中綁定的處理函數。data:click([Data], fn) 可傳入data供函數fn處理。fn:在每一個匹配元素的click事件中綁定的處理函數。
- hover([over,]out),over:鼠標移到元素上要觸發的函數,out:鼠標移出元素要觸發的函數。
比如:
鼠標懸停的表格加上特定的類,一個模仿懸停事件(鼠標移動到一個對象上面及移出這個對象)的方法。這是一個自定義的方法,它為頻繁使用的任務提供了一種“保持在其中”的狀態。當鼠標移動到一個匹配的元素上面時,會觸發指定的第一個函數。當鼠標移出這個元素時,會觸發指定的第二個函數。而且,會伴隨著對鼠標是否仍然處在特定元素中的檢測(例如,處在div中的圖像),如果是,則會繼續保持“懸停”狀態,而不觸發移出事件(修正了使用mouseout事件的一個常見錯誤)。