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

jQuery的find()方法怎麼使用

不言
發布: 2018-12-28 17:08:03
原創
7159 人瀏覽過

find() 方法獲得目前元素集合中每個元素的後代,透過選擇器、jQuery的find()方法怎麼使用的find()方法怎麼使用 物件或元素來篩選,本篇文章就來為大家介紹jQuery的find()方法怎麼使用的find()方法怎麼使用中find()方法的具體使用方法。

jQuery的find()方法怎麼使用的find()方法怎麼使用

find()的使用方法

#在選擇器之後呼叫find方法是很常見的。

$(“选择器1”).find(“选择器2”).(“处理方法”);
登入後複製

下面我們來看看使用find()方法的具體範例

#我們更改由span標籤包圍的元素顏色

程式碼如下

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script>
      $(function(){
        $("p").find("span").css("color","red");
      });
    </script>
  </head>
  <body>
    <p>黑色<span>红色</span>黑色<span>红色</span></p>
  </body>
</html>
登入後複製

首先,我們使用p標記包圍元素,然後使用find方法指定span標記,並進一步縮小元素範圍。

結果處理僅套用於p標記中的span標記內。

運行效果如下

jQuery的find()方法怎麼使用的find()方法怎麼使用

這篇文章到這裡就全部結束了。更多精彩內容大家可以關注php中文網的相關欄位教學進一步學習! ! !

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

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