首先要给图片添加一个Id,之后在jquery中写如下代码:
成都创新互联专注于企业营销型网站建设、网站重做改版、永平网站定制设计、自适应品牌网站建设、H5页面制作、购物商城网站建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为永平等各大城市提供网站开发制作服务。
$("#图片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事件
$(a).click(function(){
if($(this).is(":hidden")){//如果隐藏就显示
$(this).show();
}else{
$(this).hide();
}
});
或者可以查考jquery帮助文档使用.toggle()
概述
切换元素的可见状态。
如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。
示例
描述:
切换所有段落的可见状态。
HTML 代码:
pHello/pp style="display: none"Hello Again/p
jQuery 代码:
$("p").toggle()
结果:
p tyle="display: none"Hello/pp style="display: block"Hello Again/p
直接把click换成toggle就可以了啊,第一次点击执行第一个function,第二次点击执行第二个function;第三次点击执行第一个function,第四次点击执行第二个function;两个function交替执行
$("#scontent .title-li").toggle(
function(){
$(this).children("ul").css("display","block");
},
function(){
$(this).children("ul").css("display","none")
}
);
不能触发click事件最常见的三种情况:
选择器使用错误,没有选择到标签;(请分享html代码分析);
标签比jquery方法慢加载,也就是 先加载的方法 , 后加载的标签;解决方法(将script标签与js方法 写在页面的底部 也就是 body 标签的下面)或者如下代码
!DOCTYPE html
html
head
meta charset="utf-8"
script src="js/jquery-1.9.1.min.js"/script
script
$(document).ready(function(){
$(".test").click(function(){
alert("333");
});
});
/script
title点击事件测试/title
/head
body
button class="test" 点击弹出/button
/body
/html
jquery文件或者js文件 导入路径错误或者没有导入 (新手低级错误);
(纯手打,求采纳,已测试代码。梦魂清风 @author:dream breeze)!!
$(".class").click(function(){});
$(document).on("click",".class",function(){});
click是点击事件,但是在页面加载完之后,jquery事件新添加的元素,用click的话是无法获取元素的,这个时候要用on去获取元素事件,简单的说页面加载完成时候页面显示的元素可以用on,也可以用click,但是页面加载完成之后后期再追加的元素只能用on。