在前端開發中,jQuery是一個非常常用的框架。其中,jQuery選擇器是用來選擇DOM元素的一種方法。下面是一道關于jQuery選擇器的選擇題:
$(document).ready(function() { var a = $("div p:first-child .test").html(); var b = $(".test div:first-child p").html(); var c = $("div p:eq(0) span:eq(1)").html(); var d = $("div:nth-child(2) p:eq(1)").html(); console.log(a); console.log(b); console.log(c); console.log(d); });下列哪個變量的值為"Hello world"?
A. a
B. b
C. c
D. d
E. 都不是
答案:C
解析:
C選項的代碼為$("div p:eq(0) span:eq(1)").html(),其中":"表示篩選器,"eq"表示等于,"0"表示索引為0的元素,"1"表示該元素下的第2個元素。所以該選擇器選中的元素為第一個div元素下的第一個p元素下的第2個span元素,即"Hello world"。
至此,我們解決了上面的選擇題,也了解了jQuery選擇器的常見語法和用法。在實際開發中,靈活使用jQuery選擇器可以大大提高我們的開發效率。
上一篇jquery+選擇器介紹
下一篇vue文件基本寫法