首頁 > web前端 > js教程 > 主體

find方法怎麼使用

不言
發布: 2019-02-12 13:10:26
原創
4429 人瀏覽過

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.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板