jquery中子元素选择器和后代元素选择器有什么区别?-js教程-PHP中文网

jquery中子元素选择器和后代元素选择器有什么区别?

WBOY

发布： 2022-09-02 15:48:42

原创

3256 人浏览过

jquery中子元素选择器和后代元素选择器的区别：1、子元素选择器的语法为“$("父元素>子元素")”，后代元素选择器的语法为“$("父元素子元素")”；2、子元素选择器只对直接后代产生影响，而对多层后代不产生作用，而后代元素选择器是对所有指定的后代元素产生作用。

jquery中子元素选择器和后代元素选择器有什么区别?

本文操作环境：windows10系统、jquery3.6.0版、Dell G3电脑。

jquery中子元素选择器和后代元素选择器有什么区别?

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

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