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

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

WBOY
發布: 2016-05-16 16:32:57
原創
1400 人瀏覽過

本文實例分析了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程式設計有所幫助。

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