关于层级选择器。
$("parent > child")
选择所有指定“parent”元素中指定的“child”的直接子项元素。
parent :任何有效的选择器。
child: 用来筛选子元素的选择器
$(function(){
$("ul.myul > li").css("border","2px solid red");
//将ul带有.myul选择下面的li 标签添加边框。
});
$("ancestor descendant")
选择给定的祖先元素的所有后代元素
ancestor:任何有效的选择器;
descendant: 一个用来筛选子元素的选择器;
$(function(){
$("form input").css("border","2px solid green")
//将form 内所有的input 标签加上边框
});
$("prev+next")
选择所有紧接着“prev"在元素后面的“next”元素。
prev 任何有效的选择器
next 用于筛选跟在“prev”后面的选择器
$(function(){
$("label + input").css("border","2px solid red")
//将所有紧跟在 label 后面的input 标签加上边框
});
$("prev ~ siblings")
选择任何一个有效选择器以后面的所有兄弟元素。它们具有相同的父元素。
prev 任何有效的选择器
siblings 一个选择器用来过滤第一个选择器之后的兄弟选择器。
$(function(){
$("#prev ~ div").css("border","2px solid red");
// 将prev 选择器 后面的兄弟div 标签加上边框
})
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。