首頁 > 網際網路

jquery中如何使用before和after方法?

2019-12-12 08:12:32

jquery中before和after方法都是在選中的元素新增內容,before在元素之前加,after在元素後加。

1

建立一個名稱為beforeandafter的html檔案。


2

在body中插入一個圖片,兩個button按鈕 並分別設定好idbefore和after


3

引入jquery庫


4

在文件準備函數中加入一個點選事件click在,在點選事件中獲取到圖片的元素的id,並用before方法在圖片之前加入一段文字。


5

在文件準備函數中再加入一個點選事件click在,在點選事件中獲取到圖片的元素的id,並用after方法在圖片之後加入一段文字。


6

在瀏覽器中執行該檔案。並分別點選兩個按鈕在圖片前和圖片後加文字。




IT145.com E-mail:sddin#qq.com