當前位置:編程學習大全網 - 網站源碼 - jquery是如何實現點擊LI標簽和後面的LI之間的交換順序的?

jquery是如何實現點擊LI標簽和後面的LI之間的交換順序的?

1.首先打開huilder軟件,新建壹個html文件,寫出html的結構。首先,設置壹個外部div並設置class屬性。在div中,設置壹個span標記來顯示標題和壹個無序列表:

2.然後在上面的樣式標簽中設置樣式。設置外框的寬度、間距和邊框,設置標題的顏色和字體傾斜度,設置內容的寬度、邊框和框內外的邊距,並調整字體。

3.最後,在html下引入jquery的庫文件,並在腳本標簽中寫入js代碼。這裏,dom元素首先由$ selector獲得,然後添加壹個click事件。點擊後,如果有壹個元素下移,則通過after函數將當前元素插入到下壹個元素的後面,實現li標簽的互換操作:

4、最後打開瀏覽器,可以看到無序列表,點擊裏面的第二個元素:

5.此時,您會發現藍框中的li標簽已經互換:

  • 上一篇:冰河世紀松鼠視頻
  • 下一篇:反序列化多層嵌套json實體
  • copyright 2024編程學習大全網