jquery怎么给img加点击事件

jquery怎么给img加点击事件,第1张

首先使用jquery选择器获取到想要绑定click事件的img元素,然后可以直接绑定click方法,也可以通过bind方法绑定。这里详细介绍一下bind方法。<br><br>jquery 事件 - bind() 方法 —— 定义和用法<br> bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。<br><br>jquery 事件 - bind() 方法 ——将事件和函数绑定到元素<br> 规定向被选元素添加的一个或多个事件处理程序,以及当事件发生时运行的函数。<br><br>jquery 事件 - bind() 方法——语法<br> $(selector).bind(event,data,function)<br><br>jquery 事件 - bind() 方法——参数描述<br> event 必需。规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。<br> data <br>可选。规定传递到函数的额外数据。<br> function<br>必需。规定当事件发生时运行的函数。<br><br>实例:<br>//直接给所有img标签绑定click事件<br>$("img").click(function(){<br> alert('你点击了图片')<br>})<br><br>//使用bind方法绑定click事件<br>$("img").bind("click",function(){<br> alert('你点击了图片')<br>})<br><br>拓展:jquery给元素绑定事件的方法还有one、live、toggle、on(新增)等方法,详细可参考jquery官方文档。

首先获取img元素。使用document.getElementById("img的ID名")获取想要添加点击事件的img标签。

然后对获取到的元素添加点击事件。使用.onclick来添加点击事件.

例:

var oImg = document.getElementById("img标签的id名")

oImg.onclick = function(){

    点击后要执行的事件。

}

使用js,读取其中一个图片的路径,并把该图片的路径赋值给另一个图片。

2

/7

首先,创建一个文本文件,将扩展名重命名为htm。

3

/7

打开文件进行编辑,首先,创建两个图片元素对象,分别将ID设置为imgA和imgB。

4

/7

给imgA设置src,使之产生图像。imgB不设置,使他没有图像。

5

/7

给imgA添加点击事件,点击后,将imgA的路径赋值给imgB。

6

/7

加入script代码如下:

<script type="text/javascript">

function getLuJing()

{

var lujing=document .getElementById("imgA").src

document .getElementById ("imgB").src=lujing

}

</script>

7

/7

运行效果如下:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11681884.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存