首頁 > 網際網路

jquery怎麼在圖片上新增刪除按鈕

2019-12-11 10:24:36

新增刪除是一項基本功能,下面我們就來看一下jquery怎麼在圖片上新增刪除按鈕;

1

首先寫一個HTML架構,如圖所示程式碼;


2

新建一個div,div中包裹著一個img標籤,視為圖片;


3

再次書寫一個div,之後我們會賦予點選事件;


4

使用onclick函數進行點選時間的系結,如圖所示;


5

讓我們引入jquery.js,之後使用其中的函數;


6

接著,編寫addButton方法,如圖程式碼;


7

這樣,一切就完成了,可以試著執行了一下了;



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