首頁 > web前端 > js教程 > jQuery中:empty選擇器用法實例_jquery

jQuery中:empty選擇器用法實例_jquery

WBOY
發布: 2016-05-16 16:23:13
原創
1231 人瀏覽過

本文實例講述了jQuery中empty選擇器用法。分享給大家供大家參考。具體分析如下:

此選擇器符合所有不包含子元素或文字的空元素。

注意:空格也屬於選擇器所包含的元素。

語法結構:

複製程式碼 程式碼如下:
$(":empty")

$(":empty")
此選擇器一般也要和其他選擇器搭配使用,例如類別選擇器和元素選擇器等等。例如:
複製程式碼

程式碼如下:

$("li:empty").animate({width:"200px"} ) 以上程式碼能夠將li元素集合中的空li元素的寬度以自訂動畫的方式設定為200px。

實例碼:

實例一:
複製程式碼


程式碼如下:







腳本之家






     
  • html專區

  •  
  • div css專區

  •  
  • Jquery專區

  •  
  • Javascript專區

  •  

實例二:
複製程式碼


程式碼如下:







腳本之家






     
  • html專區

  •  
  • div css專區

  •  
  • Jquery專區

  •  
  • Javascript專區

  •  


由於以上程式碼並沒有指定與:empty選擇器相配合使用的選擇器,所以就預設和*選擇器配合使用,能夠將所有元素中的空元素的長度以自訂動畫方式設定為200px。

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

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