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

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