极客教程JQuery unique()方法
jQuery中的unique()方法是用来对DOM元素的数组进行排序，并删除重复的部分。
语法:
jQuery.unique( array )
参数： unique()方法只接受一个参数，上面提到了，下面也有描述。
- array : 这个参数是DOM元素的阵列。
返回值：它返回去除重复的DOM元素后的排序数组。
示例1：在这个例子中，unique()方法从div数组中删除重复的元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JQuery | unique() method</title>
<script src="https://code.jquery.com/jquery-3.4.1.js">
</script>
<style>
div {
color: blue;
}
</style>
</head>
<body style="text-align:center;">
<h1 style="color: green">
GeeksForGeeks
</h1>
<h3>JQuery | unique() method</h3>
<div></div>
<div class="geek"></div>
<div class="geek"></div>
<div class="geek"></div>
<div></div>
<script>
(function () {
var divs =( "div" ).get();
divs = divs.concat( ( ".geek" ).get() );
( "div:eq(1)" ).text(
"Sorts an array of DOM elements " + divs.length +
" with the duplicates removed" );
divs = jQuery.unique( divs );
$( "div:eq(2)" ).text(
"Sorts an array of DOM elements " + divs.length +
" with the duplicates removed" )
.css( "color", "red" );
})
</script>
</body>
</html>
输出:
例子2：在这个例子中，unique()方法从p的数组中删除所有重复的元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JQuery | unique() method</title>
<script src =
"https://code.jquery.com/jquery-3.4.1.js">
</script>
</head>
<body style="text-align:center;">
<h1 style="color: green">
GeeksForGeeks
</h1>
<h3>JQuery | unique() method</h3>
<p></p>
<p class="geek"></p>
<p></p>
<script>
(function () {
var ps =( "p" ).get();
ps = jQuery.unique( ps );
UniqueSort (document getElementsByTagName ( "p".));
( "p" ).text(
"Sorts an array of DOM elements with the duplicates removed" )
.css( "color", "red" );
})
</script>
</body>
</html>
输出:
