文章标签

$.fn.shuffleChildren = function() {
    $.each(this.get(), function(index, el) {
        var $el = $(el);
        var $find = $el.children();

        $find.sort(function() {
            return 0.5 - Math.random();
        });

        $el.empty();
        $find.appendTo($el);
    });
};

用法

$(".parent-element").shuffleChildren();

查看 CodePen 上的示例
jQuery 随机排序函数，作者：Chris Coyier (@chriscoyier…

最初于 2008 年 7 月 21 日发布，仅作为一种 jQuery 技术。现在已更新，包括 CSS3 和一种更棒的组合技术。

车库门样式菜单是指一个图像（“门”）向上滑动以显示某些内容……

我做了一个东西，你可以用鼠标光标在带有不同颜色的网格上进行绘图。然后，你可以复制粘贴你设计的 HTML 代码……

我当时在 ActiveDen 上浏览了一些 Flash 模板，当时……

我有幸参加了 jQuery Podcast 第 30 期，与 Ralph Whitbeck 和 Doug Neiner 进行了访谈。我们谈论了 CSS-Tricks 的一些不同部分、jQuery 大会以及设计师和开发人员之间的区别。我们还……

您是否曾经在侧边栏中见过一个略显“卡顿”的选项卡内容区域？卡顿可能是由许多因素引起的，例如选项卡区域中的内容高度不同，或者可能……

了解如何将元素放置在所需的位置是网页设计师工具箱中最重要工具之一。了解页面流、了解所有元素都是一个盒子、了解浮动 等。一旦掌握了基础知识，一个常见的……

旧金山湾区 jQuery 大会 非常有趣。我遇到了很多我一直想见的人。在某些方面，它有点像 蓝草音乐节。这些课程没有被录制下来，因此很遗憾您无法查看它们……