首頁 > 網際網路

jquery如何獲取第一個元素或最後一個元素

2019-12-12 16:28:32

在jquery中,可以通過first()和last()方法來獲得第一個元素物件和最後一個元素物件,下面以獲得元素物件並設定其背景顏色為例,介紹實現的過程。

1

新建一個html檔案,命名為test.html,用於介紹如何使用jquery中的方法來獲得第一個元素和最後一個元素。


2

在test.html頁面,使用script標籤載入jquery庫檔案jquery.min.js,用於下面使用jquery的方法實現功能 。


3

在test.html頁面,建立一個div模組,在裡面使用p標籤建立6個文欄位落,程式碼如下:


4

在test.html頁面,在js裡面使用$(document).ready()方法載入function函數,實現在頁面載入時執行函數內的程式碼。


5

使用jquery獲得div的p元素物件,使用first()方法獲得第一個p元素,並使用css()方法設定其背景為黃色。


6

在瀏覽器開啟test.html頁面,檢視效果,可見成功實現了獲得第一個元素,並設定其背景顏色。


7

使用jquery獲得div的p元素物件,使用last()方法獲得最後一個p元素,並使用css()方法設定其背景為黃色。


8

在瀏覽器開啟test.html頁面,檢視效果,可見成功實現了獲得最後一個元素,並設定其背景顏色。



IT145.com E-mail:sddin#qq.com