Jquery通过指定层次关系获取元素

html代码

View Code

<script src="js/jquery-1.6.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function($){
// $("form input").css("backgroundColor","red");//获得form下面的所有input标签，祖先与父子的关系
// $("form>fieldset>input").css("color","red"); //获得form下面fieldset下面的所有input标签，父子关系
// $("form>fieldset>input").css("backgroundColor","red");
// $("label+input").css("backgroundColor","red");//获得所有label后面的input标签，label和input必须在一起，前后关系
$("label~input~span").css("backgroundColor","red");//获得label后面的input后面的span标签
})
</script>