jquery查詢指定id元素下的某個或某些元素

2021-07-04 23:37:43 字數 1519 閱讀 9253

find用法:

1.為什麼要用find:

通常,選擇乙個元素很簡單,$("#id")就可以搞定,

但是如果想選擇某個id為x1的div下的某個id為x2的元素就很困難了,

可以通過用find來解決這個問題。

2.find怎麼用:

①首先貼出api中find的構造方法

find(expr|obj|ele)   返回值:jquery

find的引數可以為用於查詢的表示式,乙個用於匹配元素的jquery物件,乙個dom元素

find的返回值是juqery型別

②舉例說明

html**如下:

<

divid="test">

<

divid="div1">第一行

div>

<

divid="div2">

<

pid="p1">第1行

p>

<

pid="p2">第2行

p>

<

pid="p3">第3行

p>

div>

<

divid="div3">第三行

div>

<

divid="div4">第四行

div>

div>

如果想讓第2行這幾個字的顏色改變,那麼我們就可以用jquery的如下**實現:
$("#test").find('div[id^="div2"]').find('p[id^="p2"]').css("color","red");

那麼效果就會變為:

第一行

第1行第2行

第3行

第三行第四行

jQuery 獲取指定元素

1 利用標籤名 獲取元素 標籤名 2 通過id獲取元素 id name 3 通過 類名獲取元素 classname 4 一次性獲取多個元素 元素名,元素名,元素名 5 通過指定層次關係獲取元素 祖先 子孫 父 子 前 後 兄 弟 6 根據元素的屬性值獲取元素 attribute attribute ...

jquery查詢元素

一 查詢元素 所有元素 element 該名稱的所有元素 p,input id 擁有指定id屬性的元素 class 擁有所有指定class屬性的元素 selector1,selector2 能匹配多個選擇器的元素 二 基本選擇器 div p 乙個元素是另乙個元素的後代 div p parent ch...

jQuery實現id模糊查詢

在js中常常會用到某類似id的模糊查詢,可以使用jquery工具和模糊查詢 來實現。下面用另個例子說明 在其中查詢id中包含 cbs 1 的img,使用 img id cbs 1 即可獲取到 eg 2.再舉個例子,在頁面中查詢某id的div集合,放上 在其中查詢id中包含 div 1 的div,使用...