jQuery 中 filter()和 find()的區別是什麼?


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", "gray");
  });
</script>
</head>
<body>

<h1>Tutorialspoint</h1>

<p class="myclass">Free Text Tutorials</p>
<p>Free Video Tutorials</p>
<p>Connecting Tutors</p>

</body>
</html>

jQuery find()方法

jQuery.find() 方法將返回選定元素的後代元素。

例如

你可以嘗試執行以下程式碼以瞭解如何使用 jQuery.find() 方法,

即時演示

<!DOCTYPE html>
<html>
<head>
<style>
 .myclass * {
    display: block;
    border: 2px solid red;
    padding: 2px;
    margin: 10px;
    color: red;
 }
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
 $(document).ready(function(){
    $("ol").find("span").css({"background-color": "blue", "border": "5px solid yellow"});
 });
</script>
</head>

<body class="myclass">body
  <div style="width:500px;">div
    <ol>ol  
      <li>li
        <span>The descendant element</span>
      </li>
    </ol>  
  </div>
</body>

</html>

更新於: 09-12-2019

274 次瀏覽

開啟 職業生涯

透過完成課程獲取認證

開始
廣告