jQuery 方法大全方便学习参考

2020-05-23 06:09:13易采站长站整理

slice( start, [end] ) 从匹配元素集合中取得一个子集,和内建的数组的slice方法相同。
add( expr ) 把与表达式匹配的元素添加到jQuery对象中。
children( [expr] ) 取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。可选的过滤器
将使这个方法只匹配符合的元素(只包括元素节点,不包括文本节点)。
contents( ) 取得一个包含匹配的元素集合中每一个元素的所有子孙节点的集合(只包括元素节点,不
包括文本节点),如果元素为iframe,则取得其中的文档元素
find( expr ) 搜索所有与指定表达式匹配的元素。
next( [expr] ) 取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。
nextAll( [expr] ) 取得一个包含匹配的元素集合中每一个元素所有的后面同辈元素的元素集合
parent( [expr] ) 取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents( [expr] ) 取得一个包含着所有匹配元素的唯一祖先元素的元素集合(不包含根元素)。
prev( [expr] ) 取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。
prevAll( [expr] ) 取得一个包含匹配的元素集合中每一个元素的之前所有同辈元素的元素集合。
siblings( [expr] ) 取得一个包含匹配的元素集合中每一个元素的所有同辈元素的元素集合。
andSelf( ) 将前一个匹配的元素集合添加到当前的集合中
取得所有div元素和其中的p元素,添加border类属性。取得所有div元素中的p元素,
添加background类属性
$(“div”).find(“p”).andSelf().addClass(“border”);
$(“div”).find(“p”).addClass(“background”);
end( ) 结束当前的操作,回到当前操作的前一个操作
找到所有p元素其中的span元素集合,然后返回p元素集合,添加css属性
$(“p”).find(“span”).end().css(“border”, “2px red solid”);
JQuery Selectors 方法说明
基本选择器
$(“#myDiv”) 匹配唯一的具有此id值的元素
$(“div”) 匹配指定名称的所有元素
$(“.myClass”) 匹配具有此class样式值的所有元素
$(“*”) 匹配所有元素
$(“div,span,p.myClass”) 联合所有匹配的选择器
层叠选择器
$(“form input”) 后代选择器,选择ancestor的所有子孙节点
$(“#main > *”) 子选择器,选择parent的所有子节点
$(“label + input”) 临选择器,选择prev的下一个临节点
$(“#prev ~ div”) 同胞选择器,选择prev的所有同胞节点
基本过滤选择器
$(“tr:first”) 匹配第一个选择的元素
$(“tr:last”) 匹配最后一个选择的元素
$(“input:not(:checked) + span”)从原元素集合中过滤掉匹配selector的所有元素(这里有是一个临选择器)