如何给图片加click事件 jquery代码

首先要给图片添加一个Id，之后在jquery中写如下代码：

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

alert("aa”)

})

或者

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

alert("aa")

})

扩展资料：

Click 事件实际应用：

此事件是在一个对象上按下然后释放一个鼠标按钮时发生。它也会发生在一个控件的值改变时。

对一个 Form 对象来说，该事件是在单击一个空白区或一个无效控件时发生。对一个控件来说，这类事件的发生是当： 用鼠标的左键或右键单击一个控件。对 CheckBox, CommandButton, Listbox 或 OptionButton 控件来说，Click 事件仅当单击鼠标左键时发生。

通过按下箭头键或者单击鼠标按钮，对 ComboBox 或 ListBox 控件中的项目进行选择。

当 CommandButton,OptionButton 或 CheckBox 控件具有焦点时，按下 SPACEBAR 键。

当窗体带有其 Default 属性设置为 True 的 CommandButton 控件时，按下 ENTER 键。

当窗体带有一个 Cancel 按钮 — 其 Cancel 属性设置为 True 的 CommandButton 控件时，按下 ESC 键。

对控件按下一个访问键。例如，如果一个 CommandButton 控件的标题是 "&Go"，则按下 ALT+G 键可触发该事件。 也可在代码中触发 Click 事件，通过： 将一个 CommandButton 控件的 Value 属性设置为 True。

将一个 OptionButton 控件的 Value 属性设置为 True。

改变一个 CheckBox 控件的 Value 属性的设置。

参考资料来源：百度百科：Click事件

世界地图，点击中国，在中国的中心位置d出中国的简介；

某小区的平面图，点击某栋楼，在该楼位置d出该楼的简介；

思路一、

1、地图的拼接：

将每个国家都切成一张图片，图片大小是整张地图的大小，每张图片在对应国家的位置上只显示该国家的图，其他位置均为透明。然后将每张图片叠放到一起，就拼接成了一张世界地图。

2、事件的监听

在每张图片上添加点击事件（如果需要有点击高亮的效果，可以通过将图片设置为按钮的背景图），通过事件拦截，判断点击的位置在哪张图片上不是透明的，就可以判断出点击的是哪个国家。

3、找到点击国家需要显示气泡的位置。

每张图片绑定了该国家的一些数据：如气泡坐标。

思路二：

1、采用1张完整的地图，无需拼接，省去了美工的工作（如果需要有点击效果，也可以采用思路一的拼图方式）

2、绑定每个国家的位置和介绍等数据

每个国家通过1个或多个矩形来表示自己的位置，国家形状不规则，可能需要多个矩形来表示，矩形越小，国家之间的位置区分越清晰，不会造成点击靠近国家临界位置时，别的国家响应了事件。每个国家的矩形是不会有交集的。每个矩形都是一个对象，该对象中还包含了显示气泡的位置，国家的介绍等信息

3、在地图上添加点击事件，找到点击国家信息

通过判断点击的位置，是在哪个矩形内，就能获知点击的是哪个国家

想加什么事件？单击事件比如：document.getElementById('yourImageId').onclick=function(){alert('you clicked image')}

在js里取得要添加事件的图片，然后直接类似onclick这么写就可以了

---