jQuery实现每次页面加载,ul的列表顺序随机排列

jQuery可以很方便地处理DOM操作，包括改变元素的顺序。如果你想要实现在每次页面加载时，`<ul>`元素内的列表项顺序随机排列，你可以这样做：

首先，在HTML中保持`<li>`列表结构不变：

<ul id="myList">
  <li>列表项1</li>
  <li>列表项2</li>
  <!-- 更多列表项 -->
</ul>

然后在JavaScript或jQuery中编写代码，利用`shuffle()`函数对列表项进行随机排序：

$(document).ready(function() {
  // 获取ul元素
  var ul = $('#myList');

  // 将ul的所有li元素添加到数组中
  var itemsArray = ul.find('li').get();

  // 使用Fisherman's Sort (一种简单的随机打乱数组的算法)
  function shuffle(array) {
    for (var i = array.length - 1; i > 0; i--) {
      var j = Math.floor(Math.random() * (i + 1));
      [array[i], array[j]] = [array[j], array[i]];
    }
    return array;
  }

  // 打乱数组并重新添加到ul中
  shuffle(itemsArray).forEach(function(item, index) {
    ul.append(item);
  });
});

每当文档准备就绪后，这段代码就会运行一次，将`<ul>`中的列表项随机排列。