层级选择器:
$("parent>child")子选择器:选择所有指定“parent”元素中指定的“”child”的直接子元素
$("ancestor descendant")后代选择器:选择给定的祖先元素的所有后代元素,一个元素的后代可能是该元素的一个孩子、孙子、曾孙等
$("prev+next")相邻兄弟选择器:选择所有紧接在“”prev”元素后的”next”元素
$("prev~siblings")一般兄弟选择器:匹配“prev”元素后的所有兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器
四种层级选择器之间的相似点和不同点:
1.层级选择器都有一个参考节点
2.后代选择器包含子选择器的选择的内容
3.一般兄弟选择器包含相邻兄弟选择器的内容
4.相邻兄弟选择器和一般兄弟选择器所选择的元素,必须在同一个父元素下
实例:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=gbk" />
<title>层级选择器</title>
<style type="text/css">