jQuery中的children()方法是用來選取當前元素下的直接子元素。
語法:$(selector).children(filter)
其中,selector表示要篩選的元素,filter是可選的,表示要選擇的子元素的篩選器。
例如: <ul> <li><span>子元素1</span></li> <li><span>子元素2</span></li> </ul> 我們要選取上面ul元素下的所有li元素,可以這樣寫: $('ul').children('li'); 如果不需要使用篩選器,則可以直接寫: $('ul').children();
需要注意的是,children()只會選取當前元素下的直接子元素,不包括后代元素。
例如: <div> <ul> <li><span>子元素1</span></li> <li><span>子元素2</span></li> </ul> <p>后代元素</p> </div> 如果我們要選擇div元素下的所有li元素,可以使用find()方法: $('div').find('li'); 如果使用children()方法,則只會選取到ul下的li元素: $('div').children('li');
除了直接子元素外,children()也可以選擇特定類型的子元素,比如只選取div下的文本節點。
例如: <div> <p>文本節點1</p> <span>子元素1</span> <p>文本節點2</p> <span>子元素2</span> </div> 我們可以這樣寫: $('div').children(':not(span)'); 這樣就只會選取到div下的所有文本節點。
總的來說,children()方法可以方便地選取當前元素下的直接子元素,同時也可以通過篩選器選擇特定類型的子元素。