jquery如何實現屬性值得獲取與修改

2019-12-11 11:39:42

用小例子介紹如何用jquery標籤的屬性值以及如何對屬性值進行修改。

先在一個資料夾下建立一個html檔案。

建立完後，用可編輯文字檔案的軟體開啟html檔案。

由於要用到jquery，所以得先引入jquery檔案，我這裡是使用線上引入的方式。

並且寫入一個a標籤，用來演示獲取和修改屬性值。具體內容如圖。

接下來先演示如何獲取屬性值。

獲取屬性值是通過使用attr()方法來獲取的，如圖

$("#jyLink").attr("href"); 就是獲取a標籤中的href屬性的值。

獲取後使用alert()函數來測試是否獲取成功。

按上圖編寫好html檔案後，使用瀏覽器開啟html檔案。

用瀏覽器開啟後會彈出一個對話方塊，顯示的是href屬性的值，說明獲取屬性值成功。

點選對話方塊上的確定按鈕後，在"百度經驗"上右鍵，然後選擇檢查，開啟開發者偵錯視窗(我使用的是chrome瀏覽器，不同瀏覽器開啟的方式可能不同)。開啟後，可以看到，a標籤中的title的屬性值為"百度經驗"。下面就演示如何修改這個屬性值。

修改屬性值也是使用attr()方法。如圖

$("#jyLink").attr("title", "修改屬性值"); 就是獲取a標籤中的title屬性的值修改為"修改屬性值"。

按上圖修改完html檔案後，再次用瀏覽器開啟html檔案，並開啟開發者偵錯視窗，如圖可以看到，a標籤中的title的屬性值修改為"修改屬性值"了，說明修改屬性值成功。