首先使用jQuery选择器获取到想要绑定click事件的img元素,然后可以直接绑定click方法,也可以通过bind方法绑定。这里详细介绍一下bind方法。
1.bind定义和用法:
bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。
2.将事件和函数绑定到元素:
规定向被选元素添加的一个或多个事件处理程序,以及当事件发生时运行的函数。
3.语法:$(selector).bind(event,data,function)
实例:
jquery对动态加载的li添加click事件,事件无法触发时设置出现了问题,解决方法为:
1、新建html文件。
2、创建输入框和按钮。
3、预览效果如图。
4、接下来需要引入jquery.js。
5、设置输入框 keydown 事件和click 事件。
6、按钮点击触发事件。
7、click按钮按下效果如图。
直接使用click事件是不起作用的,我平常使用的两种方法
1、on事件
var html1=''
html1 +=`<div>
<button type="button" class="btn btn-primary sure btn-mian" onclick="sure()">确认提交</button>
<button type="button" class="btn btn-default " data-dismiss="modal">暂不提交</button>
</div>`
$('.modal-footer').append(html1)
$('div').on('click','.sure',function(){console.log("+++")})
2、onclick事件
var html1=''
html1 +=`<div>
<button type="button" class="btn btn-primary sure btn-mian" onclick="sure()">确认提交</button>
<button type="button" class="btn btn-default " data-dismiss="modal">暂不提交</button>
</div>`
$('.modal-footer').append(html1)
functionsure(){console.logO("===")}
需要获取到div这个元素,可以通过id,class等等方式得到,比如说div的id为"div1",那么就可以这么写了。$('#div1').click(function(){//这里面就是click事件的内容了})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)