資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟
心理學
社會研究
時尚研究
法律研究jQuery 中 grep 和 filter 的區別是什麼？
grep() 方法找到一個元素，filter() 方法返回匹配特定條件的元素。
jQuery grep 函式
示例
grep() 函式用於查詢陣列的一個元素。你可以嘗試執行以下程式碼瞭解如何使用 grep()，
<html>
<head>
<title>jQuery grep() function</title>
<style>
div {
color: blue;
}
p {
color: red;
margin: 0;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div></div>
<p></p>
<script>
var arr1 = [ 1, 7, 4, 8, 6, 1, 9, 5, 3, 7, 3, 8, 5, 8, 2 ];
$( "div" ).text( arr1.join( ", " ) );
arr1 = jQuery.grep(arr1, function( n, i ) {
return ( n !== 5 && i > 6 );
});
$( "p" ).text( arr1.join( ", " ) );
</script>
</body>
</html>jQuery filter 函式
jQuery filter() 方法將返回匹配特定條件的元素。
示例
你可以嘗試執行以下程式碼瞭解如何使用 jQuery.filter() 方法，
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").filter(".myclass").css("background-color", "blue");
});
</script>
</head>
<body>
<h1>Tutorialspoint</h1>
<p class="myclass">Free Text Tutorials</p>
<p>Free Video Tutorials</p>
<p>Connecting Tutors</p>
</body>
</html>
更新於：2019-12-09
902 次訪問
廣告