主题: 3024-nightambiance-mobileambiancebase16-darkblackboardcobalteclipseerlang-darklesser-darkmbomdn-likemidnightmonokaineatneonightparaiso-darkpastel-on-darkrubybluesolarizedthe-matrixtomorrow-night-eightiesvibrant-ink 新窗口 视图: 左侧面板 HTML CSS JS 预览 F11(全屏显示选中的编辑器) 查看更多帮助信息

相关文章:

jQuery.unique() 函数详解

代码类型:

默认(HTML/CSS/JS) HTML混合(单页) PHP Java C# C++ C SQL

杂项:

• 启用CSS/JS语法检查
• 监测脚本运行错误
• 禁止库文件重复

文档类型:

HTML5 HTML 4.01 Strict HTML 4.01 Transitional HTML 4.01 Frameset XHTML 1.0 Strict XHTML 1.0 Transitional XHTML 1.0 Frameset 无

JS库文件:

无 jQuery 1.11.1jQuery 2.1.1jQuery 1.10.2jQuery 1.9.1jQuery 1.8.3jQuery 1.7.2jQuery 1.6.4jQuery 1.5.2jQuery 1.4.4jQuery 1.3.2jQuery 1.2.6

手动添加:

1. jQuery 1.10.2

<p id="n1" class="test">段落1</p> <p id="n2" class="test">段落2</p> <p id="n3">段落3 <span id="n4" class="test">文本1</span> </p> <div id="n5" class="test">文本2</div> <p id="n6">段落4</p>

//在当前页面内追加换行标签和指定的HTML内容 function printDoms( doms ){ var ids = []; for(var i = 0; i < doms.length; i++ ){ ids[i] = doms[i].id; } $(document.body).append( "<br/>" + ids.join(", ") ); } // 匹配n1、n2、n3、n6 四个元素 var pArray = $("p").get(); // 匹配n1、n2、n4、n5 四个元素 var testArray = $(".test").get(); // 联接两个数组 var total = pArray.concat( testArray ); printDoms( total ); // n1, n2, n3, n6, n1, n2, n4, n5 // 使用$.unique()进行排序、去重 var result = $.unique( total ); printDoms( result ); // n1, n2, n3, n6, n4, n5 (在Chrome浏览器中) // 在IE或火狐上，其结果仍然为 n1, n2, n3, n6, n1, n2, n4, n5 /* 以上输出基于jQuery 1.11.1，在不同版本的jQuery中，其结果可能并不一致 你可以在左侧【JS库文件】下拉菜单中自行更换jQuery版本并点击上方的【运行】按钮查看结果 */