jQuery中的children()方法是用来选取当前元素下的直接子元素。
语法:$(selector).children(filter)
其中,selector表示要筛选的元素,filter是可选的,表示要选择的子元素的筛选器。
例如:子元素1子元素2我们要选取上面ul元素下的所有li元素,可以这样写:$(ul).children(li);如果不需要使用筛选器,则可以直接写:$(ul).children();
需要注意的是,children()只会选取当前元素下的直接子元素,不包括后代元素。
例如:子元素1子元素2后代元素
如果我们要选择div元素下的所有li元素,可以使用find()方法:$(div).find(li);如果使用children()方法,则只会选取到ul下的li元素:$(div).children(li);
除了直接子元素外,children()也可以选择特定类型的子元素,比如只选取div下的文本节点。
例如:文本节点1
子元素1文本节点2
子元素2我们可以这样写:$(div).children(:not(span));这样就只会选取到div下的所有文本节点。
总的来说,children()方法可以方便地选取当前元素下的直接子元素,同时也可以通过筛选器选择特定类型的子元素。