思洋互动网站建设学前班

列表项动态排序

本节主要介绍如何通过jQuery在客户端实现对无序列表项进行排序。这种做法虽然应用不是很广泛，但是从减轻服务器负载的角度来看还是有其优点的。

4.6.1  构建一个无序列表

首先创建一个无序列表，代码如下。

1. 1 <ul class="orderobj"> 
2. 2    <li>Tom</li> 
3. 3    <li>Snoopy</li> 
4. 4    <li>Jerry</li> 
5. 5    <li>Micky</li> 
6. 6 </ul> 

 

效果如图4.10所示。

图4.10  无序的列表项