jQuery中find()方法用法實例_jquery

本文實例講述了jQuery中find()方法用法。分享給大家供大家參考。具體分析如下：

此方法取得符合元素集合中所有元素的子元素，並透過選擇器、jQuery 物件或元素刪選。
find()方法是取得匹配元素後代元素的好方法。

注意:children()只取得一級子元素，而find()將尋找所所有子元素。

語法結構一:

複製程式碼 程式碼如下:

$(selector).find(expr)

參數列表:

参数	描述
expr	字符串值，定义筛选表达式。

實例碼:

複製程式碼 程式碼如下:

 

  

我是孫子p

我是兒子p

我是兄弟p

以上程式碼可以將father元素下的所有p元素的字體顏色設定為紅色。

語法結構二:

複製程式碼 程式碼如下:

$(selector).find(element)

可以找出符合元素下指定的元素。

參數列表:

参数	描述
element	用于匹配元素的DOM对象或者jQuery对象。

コード例:

コードをコピーします コードは次のとおりです:

<頭>





<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$(".father").find(document.getElementById("myp")).css("border","1px 単色赤");
})

私は孫です p

私は私の息子です

私は兄弟ですp

上記のコードは、親要素の下にある id 属性値が myp である要素の境界線を 1 ピクセルの赤に設定できます。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。