首頁 >web前端 >js教程 >jQuery中end()方法用法實例_jquery

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

WBOY
WBOY原創
2016-05-16 16:21:261189瀏覽

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

end()方法能夠回到最近的一個"破壞性"操作之前,即將匹配的元素列表變為前一次的狀態。
如果沒有破壞性操作將傳回一​​個空集合。
破壞性操作的概念:指任何改變所匹配元素的操作。
可能大家對這個概念比較模糊,舉例:

複製程式碼 程式碼如下:
$("li").css("color","re​​d");

以上程式碼的CSS函數就不是一個破壞性操作,因為匹配元素列表並沒有發生變化,改變的是元素中的文字內容的CSS屬性。
複製程式碼 程式碼如下:
$("li").find(".first")

以上程式碼就是一個破壞性操作,因為匹配元素的列表發生了變化,例如有三個li元素,那麼匹配元素的列表有三個元素,但是經過使用find()方法篩選以後,匹配元素列表只有一個元素了,這就是發生了"破壞性"操作。

語法結構:

複製程式碼 程式碼如下:
$(selector).end()

$(selector).end()

$(selector).end()

$(selector).end()$(selector).end()
實例碼:






複製程式碼


程式碼如下:







腳本之家





 

       
  • HTML專區

  •    
  • Javascript專區

  •    
  • Div Css專區

  •    
  • Jquery專區

  •  

 

       
  • HTML專區

  •    
  • Javascript專區

  •    
  • Div Css專區
   
  • Jquery專區
  •  

     

         
    • HTML專區
    •    
    • Javascript專區
    •    
    • Div Css專區
    •    
    • Jquery專區
    •  
    希望本文所述對大家的jQuery程式設計有所幫助。
    陳述:
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn