bind绑定事件
<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');//鼠标移入弹出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">