jquery如何獲取第一個元素的子元素

新建一個html文件，定名為test.html，用于講解jquery若何獲取第一個元素的子元素。

在test.html頁面，利用script標簽加載jquery.min.js文件，這是利用jquery方式的前提。

在test.html頁面，建立兩個div，在div內利用p標簽建立兩個文字段落，并給p標簽一個子元素span。

在test.html增添script標簽，在標簽內編寫js代碼。利用$(document).ready()方式實此刻頁面加載時就執行里面的函數。

利用jquery獲得div下面的p元素，經由過程children（）方式獲得p元素的子元素，即span元素，設置children()方式的選擇器為“：first”,即獲得子元素的第一個元素。代碼如下：

利用jquery的css（）方式，對選中的第一個子元素設置布景顏色為黃色，代碼如下：

在瀏覽器運行test.html文件，查看實現的結果，可見，當作功實現了利用了jquery方式獲得第一個元素的子元素，并設置了其布景顏色。

0 條評論