2021-05-12 14:32:11
jquery獲取元素的方法
2019-12-11 11:09:44
用小例子介紹使用jquery獲取元素的一些簡單的方法。
1
先在資料夾下建立index.html檔案。
2
然後用可編輯文字檔案的軟體開啟index.html檔案。
在該檔案中使用線上的方式引入jquery，並且新增一些演示要用到的元素。
具體內容如圖。
3
接著編寫js程式碼來獲取元素。
介紹的第一種獲取元素的方法是通過id獲取元素，例如獲取id屬性值為span的元素的格式為： $("#span")。
如圖修改index.html檔案。
修改後，用瀏覽器開啟index.html檔案，結果如圖。
4
介紹的第二種獲取元素的方法是通過屬性值獲取元素，例如獲取屬性name的值為name的元素的格式為：$('[name=name]')。
如圖修改index.html檔案。
修改後，用瀏覽器開啟index.html檔案，結果如圖。
5
介紹的第三種獲取元素的方法是通過class值獲取元素，例如獲取class值為div的元素的格式為：$(".div")。
如圖修改index.html檔案。
修改後，用瀏覽器開啟index.html檔案，結果如圖。
6
介紹的第四種獲取元素的方法是通過標籤獲取元素，例如獲取標籤為div的元素的格式為：$("div")。
如圖修改index.html檔案。
修改後，用瀏覽器開啟index.html檔案，結果如圖。
7
介紹的最後一種獲取元素的方法是獲取相同元素的首個元素或最後一個元素，
例如獲取標籤為li的首個li的格式為：$("li:first")，
獲取標籤為li的最後一個li的格式為：$("li:last")。
如圖修改index.html檔案。
修改後，用瀏覽器開啟index.html檔案，結果如圖。
8
以上就是一些通過jquery獲取元素的簡單的方法。
完整的index.html檔案的內容如圖。
相關文章