jQuery選擇器是一種非常方便的工具,可以幫助開發(fā)者輕松地選擇HTML文檔中的元素并進(jìn)行操作。其中,children()是一種非常常用的選擇器,可以選擇當(dāng)前元素的直接子元素。
$(parent).children(selector)
上述代碼中,parent代表要選擇的元素的父元素,selector代表要選擇的子元素的CSS選擇器。
下面是一個(gè)例子:
<ul> <li>蘋果</li> <li>香蕉</li> <li>橙子</li> <li>葡萄</li> </ul> $('ul').children('li').css('color', 'red');
以上代碼會(huì)將ul元素下的所有l(wèi)i元素的文字顏色變?yōu)榧t色。
在children()選擇器中,還可以使用過濾器(filter)方法進(jìn)一步篩選子元素。例如:
$('ul').children('li').filter(':even').css('color', 'red');
上述代碼會(huì)選取ul元素下所有偶數(shù)位置的li元素,并將它們的文字顏色變?yōu)榧t色。
總之,children()是一種非常實(shí)用的jQuery選擇器,可以方便地選擇當(dāng)前元素的子元素并進(jìn)行操作。
上一篇jquery選擇器6