首先使用jQuery选择器获取到想要绑定click事件的img元素,然后可以直接绑定click方法,也可以通过bind方法绑定。这里详细介绍一下bind方法。
1.bind定义和用法:
bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。
2.将事件和函数绑定到元素:
规定向被选元素添加的一个或多个事件处理程序,以及当事件发生时运行的函数。
3.语法:$(selector).bind(event,data,function)
实例:
在HTML中,可以使用JavaScript和CSS来控制图片被点击后消失。一种方法是使用JavaScript来给图片添加一个点击事件监听器,当图片被点击时,将其隐藏。以下是示例代码:
```html
<img src="example.jpg" onclick="this.style.display='none'">
```
在上面的代码中,给图片添加了一个`onclick`事件,当用户点击图片时,JavaScript会设置其style.display属性为'none',这会让该图片不可见。
另一种方法是使用CSS来控制图片的显示状态。可以使用一个隐藏的复选框和一个标签来模拟一个“关闭”按钮,并通过CSS来控制复选框状态是否选中,从而决定图片的可见性。以下是示例代码:
```html
<input type="checkbox" id="close">
<label for="close"><img src="example.jpg"></label>
```
```css
input[type="checkbox"]:checked + label img {
display: none
}
```
在上面的代码中,当复选框被选中时,它的相邻的标签的img元素将被隐藏。
以上是两种在HTML中点击图片后消失的方法,可以根据实际需要选择其中一种或结合使用。
img 的 Click 是不受浏览器承认的试试用
$('img').live('click', function(){
getLocation()
})
function getLocation() {
alert('get')
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)