简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

jQuery的find()方法怎麼使用

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

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中文網其他相關文章！

相關標籤：
find()方法
來源：php.cn
上一篇：jQuery中click()方法如何使用 下一篇：js中如何使用Object.entries()方法？ （程式碼範例）
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
如何在 React 中的排序方法上觸發渲染（帶有過濾器和分頁）？ 這是我的Sort.js樣式元件：<SortWrapper><SortText>SortBy</SortText><SortSelecton...
來自於 2024-04-06 21:28:37
0
1
2257
數獨檢查器無法運作？誰能幫我辨識錯誤？ 我嘗試了在線編輯器上的所有方法，但仍然收到錯誤。但當我在我的機器上的VSCode上執行此操作時，它工作正常。我很困惑，在沒有發現錯誤的情況下無法提交程式碼。我不知道該去哪裡找了。我...
來自於 2024-04-06 21:21:07
0
1
474
解決CSS中頁面底部神秘空白的方法 我正在嘗試使用Bootstrap和D3建立一個簡單的網頁，但我不知道如何消除底部的所有空白。我想擺脫它。我嘗試將body和html的min-height設定為100%，但沒有任何作...
來自於 2024-04-06 20:22:15
0
1
454
如何在 livewire 惰性佔位符中使用 laravel 元件 我想在livewire3佔位符內添加我的laravel組件的骨架到目前為止我已經嘗試過：通過包含Laravel組件來實現Livewire類：publicfunctionplaceh...
來自於 2024-04-06 20:02:10
0
2
543
使用MySQL SQL查詢計算另一張表中欄位的總和 我有一個這樣的模式：具有屬性“user_id”和“username”的用戶表以及具有屬性“customer_id”（user_id的FK）和“finalPrice”的訂單表資料庫架...
來自於 2024-04-06 19:39:29
0
1
441
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！