天天看點

《jQuery、jQuery UI及jQuery Mobile技巧與示例》——3.8 技巧:使用prepend()和prependTo()添加内容

本節書摘來自異步社群《jquery、jquery ui及jquery mobile技巧與示例》一書中的第3章,第3.8節,作者:【荷】adriaan de jonge , 【美】phil dutson著,更多章節内容可以通路雲栖社群“異步社群”公衆号檢視

prepend()和prependto()函數的工作方式幾乎同append()和appendto()函數一樣。“在後添加”(append)方式是把新内容放置在選中元素的後面,而以“在前添加”(prepend)方式是把新内容放置在前面。代碼清單3-8示範了prepend()和prependto()函數的用法。

代碼清單3-8 示範prepend()和prependto()之間的差別

第9行和第15行是幫助識别“在前添加”的文本内容,可以看到添加的内容位于所有已經存在的元素之前。同append()和appendto()函數一樣,prepend()和prependto()函數的參數可以是dom元素、html字元串、jquery對象以及函數。

繼續閱讀