本文实例为大家分享了jQuery子元素选择器，供大家参考，具体内容如下

！DOCTYPE html html head meta http-equiv=' Content-type ' Content=' text/html；charset=utf-8/子元素筛选选择器/H2 h 3:第一个孩子、最后一个孩子、独生子/h3 div class='左第一个孩子div class=' div ' a :第一个孩子/a第二个元素/a a :最后一个孩子/a/div class=' div ' a :第一个孩子/a/div class=' div ' a :第一个孩子/a第二个元素/a a:last-child/a /div /div脚本类型='text/javascript' //查找class='first-div '下的第一个a元素//针对所有父级下的第一个$('.first-div a:first-child ').css('color '，' # CD00CD ')；/script脚本类型=' text/JavaScript '//查找class='first-div '下的最后一个a元素//针对所有父级下的最后一个//如果只有一个元素的话，最后也是第一个元素$('.first-div a:last-child ').css('color '，' red ')；/script脚本类型=' text/JavaScript '//查找class='first-div '下的只有一个子元素的a元素$('.第一分区a :独生子女')。css('color '，' blue ')；/script h 3: th-child、 th-last-child/H3 div class=' left-last-div ' div class=' div ' a : first-child/a第二个元素a/a第三个元素a/a :最后一个孩子/a/div class=' div ' a :第一个孩子/a第二个元素/a/div class=' div ' a :第一个孩子/a第二个元素a/a第三个元素/a a:last-child/a /div /div脚本类型='text/javascript' //查找class='last-div '下的第二个a元素$('.last-div a : th-child(2 ').css('color '，' # CD00CD ')；/script脚本类型=' text/JavaScript '//查找class='last-div '下的倒数第二个a元素$('.最后一个孩子.css('color '，' red ')；/脚本/正文/html以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。