首先使用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
运行效果如下:
评论列表(0条)