首頁 > 網際網路

如何用jquery選擇器獲得HTML元素物件

2019-12-12 15:43:26

jquery中提供多種選擇器來獲得HTML元素物件,如id屬性值、類名、元素名稱等。下面介紹如何用jquery選擇器獲得HTML元素物件。

1

新建一個html檔案,命名為test.html,用於介紹如何用jquery選擇器獲得HTML元素物件。注意需要在test.html載入jquery.min.js庫檔案。


2

通過HTML元素名稱獲得物件 ,一般在需要獲得頁面同一元素物件時使用。例如,下面程式碼實現了獲得當前頁面所有p元素物件。


3

通過HTML元素類名稱獲得物件,一般在需要獲得同一類名稱元素物件時使用。例如,下面程式碼實現了獲得類名為isp的元素物件。


4

通過HTML元素id屬性值獲得物件,一般在需要獲得單一元素物件時使用。例如,下面程式碼實現了獲得id為isp的元素物件。


5

通過HTML元素屬性獲得物件,一般在出現多個同一個屬性HTML元素時使用。例如 ,下面程式碼實現了獲得帶有href屬性的物件 。


6

獲得同一類名,但不同HTML元素的物件,可以通過元素名稱+類名的方式來獲得物件。例如,下面程式碼實現了獲得當前頁面所有類名為info的p元素。


7

獲得某個HTML元素的第一個元素物件,可以通過加上「:first」的方式獲得物件。例如,下面程式碼實現了獲得ul中第一個li元素物件。



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