溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

怎么使用find方法

發(fā)布時(shí)間：2020-07-13 16:10:46 來(lái)源：億速云 閱讀：149 作者：Leah 欄目：web開(kāi)發(fā)

今天就跟大家聊聊有關(guān)怎么使用find方法，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

 find()是jquery中的一個(gè)內(nèi)置方法，用于查找所選元素的所有后代元素。它將一直向下遍歷到DOM樹(shù)中所選元素的最后一個(gè)葉子，下面我們就來(lái)看看find()的具體使用方法。

find() 方法獲得當(dāng)前元素集合中每個(gè)元素的后代，通過(guò)選擇器、jQuery 對(duì)象或元素來(lái)篩選。

find()的基本語(yǔ)法如下

$(selector).find()

selector：可以使用CSS選擇器語(yǔ)法編寫(xiě)。

我們來(lái)看具體的示例

代碼如下

<!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方法

看完上述內(nèi)容，你們對(duì)怎么使用find方法有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手