Jquery的ready和each函数解读

jQuery的ready()函数——文档加载完成事件
该函数在文档就绪后，添加特殊效果，或者加入动态事件。其语法如下：
语法一   $(document).ready(function)
语法二   $().ready(function)

语法三   $(function)

jQuery的each()函数——遍历jQuery对象
该函数是对jQuery对象进行遍历，为每个匹配元素执行函数。其语法如下：
语法一   each(function)
语法二   each(object,function)

应用举例

控制列表宽度

步骤如下：
（1）需要利用jQuery的ready()函数来实现在页面整体加载完成后执行特效效果。
（2）在function()内部使用each()函数遍历列表项。
（3）在each()函数中获取当前被遍历的<li>中嵌套的<span>元素对象的文本内容。
（4）如果文本长度超出范围则通过substr()函数截取并加上删节号。