jQuery是一款流行的JavaScript库，它提供了简洁方便的选择器功能来定位页面元素。而多层选择器就是通过组合不同的选择器来精确地定位到需要操作的元素。
$(document).ready(function(){// 通过ID选择器和后代选择器来定位元素$("#parentDiv #childDiv").css("color", "red");// 通过类选择器和后代选择器来定位元素$(".parent .child").css("font-weight", "bold");// 通过属性选择器和后代选择器来定位元素$("[name=age] .child").css("background-color", "yellow");// 通过伪类选择器和后代选择器来定位元素$("ul:first li:eq(1)").css("text-decoration", "underline");// 通过多种选择器组合来定位元素$(".parents > label + input[type=text]").css("border", "1px solid #ccc");});以上代码中，我们通过不同的选择器组合来定位父元素下的子元素。其中，#是ID选择器，.是类选择器，[ ]是属性选择器，:first, :eq()是伪类选择器，>是直接子元素选择器，+是相邻兄弟选择器。
多层选择器在实际应用中非常常见，可以提高代码的可维护性和灵活性。但是在使用时也需要注意选择器的具体语法和选择的元素是否正确，否则会导致意想不到的错误。
