jquery 第四章 事件

1、浏览器对事件的发生有两个阶段，一个是捕获，一个是冒泡，一般浏览器对事件的触发都是冒泡，即按顺序进行执行。而往往我们会阻止这样的顺序，因为只要到了一个元素就会被执行一遍事件，用event.stopPropagation()可以阻止事情的发生。

 2、trigger() 自动触发事件

3、bind（）

4、toggle(fun1,fun2,fun3，……)按顺序执行函数，这里实现图片切换的一个功能。可以循环。

5、juqery中对数组的定义及其获取，遍历，非常不同，非常人性化，没有一定的约束力，制度之松散让人很惊讶，下面是在做下拉列表联动效果的例子

 var arrData = {
    FactoryA:{brand1_1:"factor1_1_1,factor1_1_2",
              brand1_2:"factor1_2_1,factor1_2_2" },
    FactoryB:{brand2_1:"factor2_1_1,factor2_1_2",
              brand2_2:"factor2_2_1,factor2_2_2" },
    FactoryC:{brand3_1:"factor3_1_1,factor3_1_2",
              brand3_2:"factor3_2_1,factor3_2_2" },
            }; 

上面是定义的一个数组，

  $.each(arrData,function(pF){                      //pF 即指FactoryA，B，C，
   
    $("#selF").append("<option>"+pF+"</option>");
   
   
    });

 $.each(arrData,function(pF,pS){// pS则是 中括号部分的数组，
   
    if($("#selF option:selected").text() == pF){
   
    $.each(pS,function(pT,pC){//  在中括号里，又以冒号分成了两部分，pT 为brand   pC 为factor ,里面有逗号分隔，可以用split(,)   如：$.each(pC.split(","),function(){

   
    $("#selT").append("<option>"+pT+"</otpion>");