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

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

此方法可以將先前所選的元素加入目前元素集合中。

語法結構:

複製程式碼 程式碼如下:

.andSelf()

對於此方法可能理解起來有所困難，那麼下面就詳細分析一下下面的一段實例，為了方便查看程式碼，只截取了程式碼中的核心內容。

複製程式碼 程式碼如下:

$(".second").nextAll().css("color","green");

 
• html專區

 
• DIV CSS專區

 
• Javascript專區

 
• Jquery專區

以上程式碼運行之後，第三個和第四個li中的文字顏色被設定為綠色。再看下面這個程式碼:

複製程式碼 程式碼如下:

$(".second").nextAll().andSelf().css("color","green");

 
• html專區

 
• DIV CSS專區

 
• Javascript專區

 
• Jquery專區

以上程式碼運行之後，第二個、第三個和第四個li中的文字顏色被設定為綠色。
兩個程式碼運行結果的差距就是因為andSelf()方法的原因。

分析程式碼的執行過程:先使用類別選擇器會選取第二個li元素，然後再使用nextAll()方法會把第三個和第四個元素轉換成目前所選。如果到這裡開始呼叫css()方法，那麼就是第一段程式碼的運行結果。如果呼叫andSelf()方法則會把先前所選的加入到目前元素集合中，於是再呼叫css()方法，三個li元素中的字體顏色都會變成綠色。

實例碼:

複製程式碼 程式碼如下:

 

   
• html專區

   
• DIV CSS專區

   
• Javascript專區

   
• Jquery專區

 

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