jquery选择时,html标签的后代元素和子元素的区别详解

jquery选择时,html标签的后代元素和子元素的区别详解

给大家推荐一个吸猫网站:爱猫族http://15cat.com),希望大家喜欢

(1)后代元素:html代码如下,那么在jquery选择时,$(".test img"),中间为空格,则是选取后代元素,img对于ul来说是孙子辈元素,中间隔了li元素,所以后代元素是指ul标签内的孙子辈、曾孙辈及以上元素。

(2)子元素:html代码如下,那么在jquery选择时,$(".test>li"),中间为>大于号,则是选取子元素,li对于ul来说是儿子辈元素,所以子元素是指ul标签内儿子辈的元素。

<ul class='test'>
    <li>
        <img src='xxxx' />
        <img src='xxxx' />
        <img src='xxxx' />
    </li>
    <li>
        <img src='xxxx' />
    </li>
</ul>
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页