天天看點

《jQuery、jQuery UI及jQuery Mobile技巧與示例》——3.12 技巧:在指定的位置插入元素

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

append()、appendto()、prepend()和prependto()函數是以選取已存在的元素為基準插入新内容的。有時候,想建立的元素是兄弟元素而不是子元素。代碼清單3-12示範了實作該功能的一種可選方法。

代碼清單3-12 在一組按鈕之前和之後插入元素

after()和insertafter()的差別與append()和appendto()的差別一樣。如果點選了按鈕并看過了代碼示例,你會發現它們的行為結果是相同的。正如預期的一樣,before()是把元素插入到已選取元素的前面。請注意這些函數的參數與append()和prepend()是一樣的,即可以是dom元素、html字元串、jquery對象以及函數。

繼續閱讀