前端开发工程师常会在面试中遇到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选择器的具体使用方法,还深入掌握了如何组合多个选择器来选择指定的元素。