1、打开开发者工具,新建一个页面,并创建页面元素。
3、打开JS文件,添加点击后,执行的方法函数。
4、点击一下绑定了事件的按钮。
5、点击后,可以看到,控制台输出!说明成功。
<script type="text/javascript" src="../js/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(function(){
// $('#btn').click(function () {
//只能绑定click事件
// })
$('#btn').bind('click mouseover',function () {
alert('hello')//鼠标移入d出hello
//绑定多个事件 绑定click事件和mouseover事件
$(this).unbind('mouseover')
//解除绑定事件
//解除绑定事件
})
})
</script>
<body>
<input type="button" value="按钮" id="btn">
</body>
自定义事件
$(function(){
//自定义事件只能使用bind的方式进行绑定
//通过trigger来触发
$('#btn1').bind('hello',function () {
alert('hello!')
})
$('#btn2').click(function () {
$('#btn1').trigger('hello')
})//点击按钮2时'hello'会被trigg触发
$('#btn1').trigger('hello')
}) //直接触发
<input type="button" value="按钮" id="btn1">
<input type="button" value="按钮" id="btn2">
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)