Jquery的ready和Dom的onload的区别及freemarker分页

今天改一bug，项目有一共通分页，需要改变当前页的颜色以示区别 发现用jquery 的ready()方法出现问题，有的页面没效果、看了半天代码感觉是因为出问题的那几个页面jquery导入的包在页面底部，致使用ready()方法失败。随修改onload方法。OK

分页方法、、freemarker：

<#--分页-->
<#macro pageTag formName="pageForm" showHidden="true"> 
  <#if (page.pageCount gt -1)> 
  <#if showHidden=="true">



<#list sortParas as sort>

共${page.total}条记录   
第${page.index}/${page.pageCount}页   




   <#if (page.pageCount lt 10)>
    <#list 1..page.pageCount as num>
     ${num}
   
   <#else>
        <#if (page.index gt 6)>
           <#if ((page.index+4) gt page.pageCount)>
              <#list (page.index-5)..page.pageCount as num>
      ${num}
     
    <#else>
    <#list (page.index-5)..(page.index+4) as num>
    ${num}
     
           
         <#else>
            <#list 1..10 as num>
        ${num}
         
         
   



   

每页
           
              selected >10
              selected >20
              selected >50
              selected >100
              selected >200
           
                                           条
               
       

<#if showHidden=="true">
 

 

onload是所有dom元素创建完毕，图片、css等都加在完毕后才触发 ready则是dom元素创建完毕后就被触发 

所以相对来说jquery的ready可以提高网页的响应速度; 
jquery:ready的标准写法： 
复制代码 代码如下:
$(document).ready(function() { 
alert("加载结束"); 
}); 


一个$(document)将dom对象的document转化为jquery对象，继而可以调用jquery的方法ready();因为dom对象是不可以调用jquery的方法的，虽然他们的关系很亲密； 
jquery:ready的简写形式： 
复制代码 代码如下:
$(function() { 
alert("加载结束"); 
}); 


ready函数的一个主要作用就是为dom对象注册事件： 
复制代码 代码如下: