前端開發(fā)工程師常會在面試中遇到j(luò)Query選擇器的筆試題。下面我們來看一道經(jīng)典的jQuery選擇器筆試題:
$(document).ready(function(){ var result = $("div p:first-child:nth-last-child(2)").text(); console.log(result); });
這行jQuery代碼的主要功能是什么呢?我們來分析一下:
1.$(document).ready(function(){...});
意味著代碼將在文檔就緒后執(zhí)行。
2.$("div p:first-child:nth-last-child(2)")
是一個選擇器,其中包含了三個選擇器,分別是:
div
:表示選擇所有的div元素。p:first-child
:表示選擇每個div中的第一個p元素。:nth-last-child(2)
:表示選擇每個div中的倒數(shù)第二個元素。
綜上,這行代碼的主要功能就是選取每個div中的第一個p元素中的倒數(shù)第二個元素的文本內(nèi)容,并將其輸出到控制臺中。
通過這道筆試題,我們不僅了解了jQuery選擇器的具體使用方法,還深入掌握了如何組合多個選擇器來選擇指定的元素。