jquery选择器笔试题

前端开发工程师常会在面试中遇到jQuery选择器的笔试题。下面我们来看一道经典的jQuery选择器笔试题:

$(document).ready(function(){var result = $("div p:first-child:nth-last-child(2)").text();console.log(result);});

这行jQuery代码的主要功能是什么呢?我们来分析一下:

1.$(document).ready(function(){...});意味着代码将在文档就绪后执行。

2.$("div p:first-child:nth-last-child(2)")是一个选择器,其中包含了三个选择器,分别是:

div:表示选择所有的div元素。p:first-child:表示选择每个div中的第一个p元素。:nth-last-child(2):表示选择每个div中的倒数第二个元素。

综上,这行代码的主要功能就是选取每个div中的第一个p元素中的倒数第二个元素的文本内容,并将其输出到控制台中。

通过这道笔试题,我们不仅了解了jQuery选择器的具体使用方法,还深入掌握了如何组合多个选择器来选择指定的元素。

jquery选择器笔试题