Jquery中的attr方法是用來獲取或設(shè)置HTML元素的屬性值的。通常情況下,我們會給HTML元素設(shè)置一些屬性,例如id、class、name等等。
在使用Jquery的attr方法時,可以根據(jù)實際需要進行屬性的獲取或設(shè)置操作。不過需要注意的是,attr方法獲取或設(shè)置屬性的值是字符串類型的,如果有需要使用數(shù)字類型的值來進行計算、操作等操作,就需要進行類型轉(zhuǎn)換。
接下來,我們可以通過一個簡單的例子來演示attr方法獲取或設(shè)置數(shù)字類型屬性值的操作:
// 獲取數(shù)字類型的屬性值 var num = $('#demo').attr('data-num'); console.log(typeof num); // string // 將字符串類型轉(zhuǎn)換為數(shù)字類型 var num2 = parseInt(num); console.log(typeof num2); // number // 對數(shù)字類型進行加減操作 var sum = num2 + 100; console.log(typeof sum); // number // 將數(shù)字類型轉(zhuǎn)換為字符串類型 var str = sum.toString(); console.log(typeof str); // string // 設(shè)置數(shù)字類型的屬性值 $('#demo').attr('data-num', sum);
在上面的例子中,我們首先通過attr方法獲取了一個數(shù)字類型的屬性值,但是由于attr方法獲取屬性值返回的是字符串類型,所以我們需要通過parseInt方法將其轉(zhuǎn)換為數(shù)字類型。
接著,我們 對數(shù)字類型進行了 加 100 的操作,得到了一個新的數(shù)字類型的變量sum。但是由于需要將其設(shè)置為HTML元素的屬性值,因此我們又將其通過toString方法轉(zhuǎn)換為了字符串類型。
最后,我們可以通過attr方法設(shè)置HTML元素的屬性值,將新的數(shù)字值賦給元素的自定義屬性data-num。
總的來說,使用Jquery的attr方法來設(shè)置數(shù)字類型的屬性值需要注意類型轉(zhuǎn)換的問題,只有將字符串類型轉(zhuǎn)換為數(shù)字類型才能進行計算等相關(guān)操作。
下一篇圖片外面的邊框css