//ready的作用,是為具體加載的實(shí)現(xiàn).
$(document).ready(function(){
alert('1234');
});
//第二種,少了一個(gè)document,創(chuàng)建一個(gè)空的jQuery對(duì)象.
$().ready(function(){
alert('abcd');
});
//第三種,簡寫版的,
$(function (){
alert('23333');
});

//如果有兩個(gè)window.onload它只會(huì)執(zhí)行最后一個(gè).如果有多個(gè)的話,后邊的會(huì)將前面的覆蓋掉.
window.onload=function(){
alert(1);
}
window.onload = function(){
alert(2);
}
//而window.ready 則可以設(shè)置多個(gè)函數(shù),都去作用.
$(document).ready(function(){alert(1)})
$(document).ready(function(){alert(3)})
//這里的可以設(shè)置多個(gè)函數(shù),是指的對(duì)于同一個(gè)對(duì)象設(shè)置

//DOM1級(jí)事件
var itNode = document.getElementById('id');
itNode.onclick = function(){};
div.onclick = null; DOM1級(jí)中解除事件綁定
//DOM2級(jí)事件
itNode.addEventListener('click',function(){});
itNode.removeEventListener();
itNode.attachEvent();//IE 6 8 7 兼容性處理
detachEvent(); IE中接觸事件綁定
//使用jQuery來操作綁定事件
//$().事件類型(function(){});
//$().事件類型();
$(function(){
$('div').click(function(){//給div綁定了一個(gè)onclick事件
$('div').css('color','green');
});
$('div').mouseover(function(){
$(this).css('color','yellow');
});
});

//$().bind(事件類型,事件處理函數(shù)(分為有名函數(shù),和匿名函數(shù)))
$(function(){
//綁定一個(gè)鼠標(biāo)移動(dòng)上去處理的事件.
$('div').bind('mouseover',function(){
$('div').css('background-color','blue');
});
$('div').bind('mouseout',function(){
$('div').css('background-color','yellow');
});
//一個(gè)函數(shù)綁定多個(gè)事件 這多個(gè)時(shí)間之間只需要用空格隔開.
//這個(gè)雖然可以綁定多個(gè)事件,但是函數(shù)比較單一,不靈活.
$('div').bind('mouseover mouseout',function(){
console.log(1234);
});
//使用對(duì)象的形式來綁定多個(gè)事件,
$('div').bind({
click: function(){console.log(1);},
mouseover: function(){alert(22);},
mouseout : function(){alert(33);}
});
//綁定有名的函數(shù)
function fa(){alert("fa");};
function fb(){alert("fb");};
function fc(){alert("fc");};
$('div').bind('click',fb);
$('div').bind('click',fc);
$('div').unbind();//這樣直接調(diào)用unbind函數(shù)會(huì)直接將所有綁定的事件都取消掉.
$('div').unbind('click');//這樣子就會(huì)將div里邊所有的click綁定的事件取消掉了
//直接解除指定的函數(shù)的綁定,這種方式也只能解除有名函數(shù)的綁定,不能解除指定的匿名函數(shù)的綁定
$('div').unbind('click',fa);
});

function(evt){
var evt = evt || window.event;
evt.preventDefault();//主流瀏覽器阻止默認(rèn)事件
evt.returnValue = false;// IE中阻止對(duì)象默認(rèn)事件
evt.stopPropagation();//主流瀏覽器中阻止瀏覽器冒泡
evt.cancelBubble();//IE中阻止瀏覽器冒泡處理
}
$().bind('click',function(evt){
//evt不用做兼容性處理
evt.preventDefault();//阻止瀏覽器的默認(rèn)動(dòng)作.
evt.stopPropagation();//阻止瀏覽器冒泡,
});