LOAD

在jQuery中，制作多张网页。如果网页含有大量公共样式的话，可以将公共样式放到一个html文件中，（例如放到一个名字为top.html）中，每个部分的class分别设置成不同名字（例如t,b）。 在需要引入公共样式的地方设置一个div，并设置class（例如：lytop,lybottom）,然后用jquery中的方法引入所需要的css，如下所示，用“.”+"名字"区分不同位置所需的不同css。load封装的是ajax，是异步。无法直接绑定到ajax中的元素，但是可以通过回调函数绑定到事件。

或者用事件委托的方法，因为事件委托可以给页面暂时不存在的元素绑定事件

 $(".lytop").load("http://localhost/1908/jq-ajax/load/data/top.html .t",function(res){
        console.log(res)
        console.log($(".lytop").find("li")) //通过回调函数查找到事件
    })
    $(".lybottom").load("http://localhost/1908/jq-ajax/load/data/top.html .b")

     $(".lytop").find("li").click(function(){
         console.log(1)  //这个会发生异步，不会出现1；
     })  

  $(".lytop").on("click","li",function(){  //事件委托
         console.log(1)  //1
     })