本文实例分析了jQuery入门之层次选择器的使用方法。分享给大家供大家参考,具体如下:
这里简单介绍一下jQuery层次选择器中ancestor descendant与parent>child的区别。
parent>child:根据父元素匹配所有的子元素,层次关系是父子关系。
ancestor descendant:根据祖先元素匹配所有的后代元素,层次关系是祖先和后代。
编写代码,进行测试,以更加清楚的区分两者的区别:
1.1
1.2
1.3
1.3.1
本文实例分析了jQuery入门之层次选择器的使用方法。分享给大家供大家参考,具体如下:
这里简单介绍一下jQuery层次选择器中ancestor descendant与parent>child的区别。
parent>child:根据父元素匹配所有的子元素,层次关系是父子关系。
ancestor descendant:根据祖先元素匹配所有的后代元素,层次关系是祖先和后代。
编写代码,进行测试,以更加清楚的区分两者的区别:
运行后发现:
1.3.1的文字颜色不是红色,因为parent>child是父子关系;
如果把选择器改为: