jQuery中parents()和parent()的區別分析_jquery

本文實例分析了jQuery中parents()和parent()的區別，分享給大家供大家參考。具體分析如下：

其實在jQuery中，函數或選擇器的概念都是很容易理解的，只要對API手冊有足夠的熟練就能夠很容易分辨，標題中的函數其實也是如此，不過咱們這裡還是做一些簡單的介紹，畢竟這樣可能比較方便一些。

一.parents()函數:

此函數能夠取得所有匹配元素的父元素，程式碼範例:

複製程式碼 程式碼如下:

$(".mayi").parents().css(" color","re​​d");

以上程式碼可以將所有class屬性值為"mayi"的元素的所有父級元素的字體顏色設為紅色。
看一段完整的程式碼實例:

複製程式碼 程式碼如下:

腳本之家一
 

    腳本之家一一
    腳本之家歡迎您
 

以上程式碼可以將span元素的所有父元素中的字體顏色設定為紅色。

二.parent()函數:

此函數能夠取得所有符合元素的一級父元素，而不是所有父元素。

複製程式碼 程式碼如下:

$(".mayi").parents().css(" color","re​​d");

 以上程式碼可以將class屬性值為mayi的元素的一級父元素中的字體顏色設定為紅色。
看一段完整的程式碼:

複製程式碼 程式碼如下:

腳本之家一
 

    腳本之家一一
    腳本之家歡迎您
 

以上程式碼只能夠span元素的一級父元素中的"腳本之家一一"的字體顏色設定為紅色。

這兩個函數的最大區別就是父元素的返回，從函數的名稱也能夠感知到，帶有s能夠獲取所有的父元素，沒有s的只能夠獲取一級父元素，很簡單這裡就不多介紹了，有興趣的朋友可以參考相關文章。

希望本文所述對大家的jQuery程式設計有所幫助。