如何給圖片加click事件 jquery代碼

首先要給圖片添加一個(gè)Id，之后在jquery中寫如下代碼：

$("#圖片ID").click(function(){

alert("aa”);

});

或者

$("#圖片ID").bind("click",function(){

alert("aa");

});

擴(kuò)展資料：

Click 事件實(shí)際應(yīng)用：

此事件是在一個(gè)對象上按下然后釋放一個(gè)鼠標(biāo)按鈕時(shí)發(fā)生。它也會發(fā)生在一個(gè)控件的值改變時(shí)。

對一個(gè)?Form?對象來說，該事件是在單擊一個(gè)空白區(qū)或一個(gè)無效控件時(shí)發(fā)生。對一個(gè)控件來說，這類事件的發(fā)生是當(dāng)： 用鼠標(biāo)的左鍵或右鍵單擊一個(gè)控件。對?CheckBox,?CommandButton,?Listbox?或?OptionButton?控件來說，Click 事件僅當(dāng)單擊鼠標(biāo)左鍵時(shí)發(fā)生。

通過按下箭頭鍵或者單擊鼠標(biāo)按鈕，對?ComboBox?或?ListBox?控件中的項(xiàng)目進(jìn)行選擇。

當(dāng)?CommandButton,OptionButton?或?CheckBox?控件具有焦點(diǎn)時(shí)，按下 SPACEBAR 鍵。

當(dāng)窗體帶有其?Default?屬性設(shè)置為?True?的?CommandButton?控件時(shí)，按下 ENTER 鍵。

當(dāng)窗體帶有一個(gè) Cancel 按鈕 — 其?Cancel?屬性設(shè)置為?True?的?CommandButton?控件時(shí)，按下 ESC 鍵。

對控件按下一個(gè)訪問鍵。例如，如果一個(gè)?CommandButton?控件的標(biāo)題是 "Go"，則按下 ALT+G 鍵可觸發(fā)該事件。 也可在代碼中觸發(fā) Click 事件，通過： 將一個(gè)?CommandButton?控件的?Value?屬性設(shè)置為?True。

將一個(gè)?OptionButton?控件的?Value?屬性設(shè)置為?True。

改變一個(gè)?CheckBox?控件的?Value?屬性的設(shè)置。

參考資料來源：百度百科：Click事件

jquery怎么添加圖片與刪除圖片

添加刪除是一項(xiàng)基本功能，下面就來看一下jquery怎么在圖片上添加刪除按鈕。

設(shè)備：聯(lián)想電腦

系統(tǒng)：xp

軟件：jQuery2019

1、首先寫一個(gè)HTML架構(gòu)，如圖所示代碼。

2、新建一個(gè)div，div中包裹著一個(gè)img標(biāo)簽，視為圖片。

3、再次書寫一個(gè)div，之后會賦予點(diǎn)擊事件。

4、然后使用onclick函數(shù)進(jìn)行點(diǎn)擊時(shí)間的綁定，如圖所示。

5、引入jquery.js，之后使用其中的函數(shù)。

6、最后編寫addButton方法，這樣一切就完成了。

jquery怎么設(shè)置圖片的大小

$(document).ready(function() { $('.post img').each(function() { var maxWidth = 100; // 圖片最大寬度 var maxHeight = 100; // 圖片最大高度 var ratio = 0; // 縮放比例 var width = $(this).width(); // 圖片實(shí)際寬度 var height = $(this).height(); // 圖片實(shí)際高度 // 檢查圖片是否超寬 if(width maxWidth){ ratio = maxWidth / width; // 計(jì)算縮放比例 $(this).css("width", maxWidth); // 設(shè)定實(shí)際顯示寬度 height = height * ratio; // 計(jì)算等比例縮放后的高度 $(this).css("height", height); // 設(shè)定等比例縮放后的高度 } // 檢查圖片是否超高 if(height maxHeight){ ratio = maxHeight / height; // 計(jì)算縮放比例 $(this).css("height", maxHeight); // 設(shè)定實(shí)際顯示高度 width = width * ratio; // 計(jì)算等比例縮放后的高度 $(this).css("width", width * ratio); // 設(shè)定等比例縮放后的高度 } }); });