jQuery其他事件
JS原生写法
window.onload = function(){ }
jQuery写法,等同于上面写法
$(window).load(function(){
})
ready的写法
$(document).ready(function(){
})
ready的简写
$(function(){
绑定事件
只能绑定click事件,不能绑定其他的了
$('#btn').click(function() {
Act on the event
});
//bind方式可绑定多个事件
$('#btn').bind('click mouseover', function() {
alert('hello!');
//取消绑定事件
$(this).unbind('mouseover');
});
自定义事件
自定义事件只能用bind方式绑定,第一个参数是事件的名字,第二个参数是事件 发生时执行的函数
$('#btn1').bind('hello', function(){
alert('hello');
})
$('#btn1').bind('click', function(){
alert('click');
})
$('#btn2').click(function() {
// trigger即可以触发自定义事件,也可以触发原始的事件
$('#btn1').trigger('hello');
$('#btn1').trigger('click');
});
//不一定点击按钮触发,也可页面加载时触发,也可在满足某种if条件时触发
// $('#btn1').trigger('hello');
网友评论