find方法怎麼使用

不言原創: 2019-02-12 10:26:264372瀏覽

find()是jquery中的內建方法，用於尋找所選元素的所有後代元素。它將一直向下遍歷到DOM樹中所選元素的最後一個葉子，下面我們就來看看find()的具體使用方法。

find方法怎麼使用

find() 方法取得目前元素集合中每個元素的後代，透過選擇器、jQuery 物件或元素來篩選。

find()的基本語法如下

$(selector).find()

selector：可以使用CSS選擇器語法來寫。

我們來看具體的範例

程式碼如下

<!DOCTYPE html>
<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src="https://code.jquery.com/jquery-3.3.1.min.js">
      </script>
        
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
            $("p").find("span").addClass("selected");
         });
      </script>
        
      <style>
         .selected { color:red; }
      </style>
   </head>
    
   <body>
      <div>
         <p><span>Hello</span>, 你好吗？</p>
         <p>yes, 我<span>很好</span>.</p>
      </div>
   </body>
</html>

瀏覽器上顯示效果如下：p元素中的所有span元素都被選中並用紅色突出顯示。

find方法怎麼使用

這篇文章到這裡就全部結束了，更多相關的精彩內容大家可以關注php中文網的其他相關專欄教學！！！

以上是find方法怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！

php jquery css 对象 dom 选择器

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：floor方法怎麼使用下一篇：floor方法怎麼使用

看更多