JQuery是一種基于JavaScript的庫,它具有易學易用的特性,并且提供了很多常用的函數和方法,其中之一就是attr屬性。attr方法提供了一種簡便的方式來獲取、設置元素的屬性值。
//獲取屬性值 var value = $('#demo').attr('class'); //設置屬性值 $('#demo').attr('class', 'newClass');
在上面的代碼中,我們使用了attr方法來獲取和設置id為“demo”的元素的class屬性值。$.attr()方法接受兩個參數,第一個參數是想要獲取或修改的屬性名,第二個參數是想要設置的屬性值。如果只提供了一個參數,則方法返回當前屬性值。此外,attr方法也可以接受一個對象作為參數來同時修改多個屬性。
//同時修改多個屬性 $('#demo').attr({ 'class': 'newClass', 'data-value': '123' });
除了get和set方法之外,attr方法還可以用于刪除元素的屬性值。如果我們將第二個參數設置為空字符串或null,則attr方法會刪除指定的屬性。
//刪除屬性 $('#demo').attr('class', ''); $('#demo').attr('class', null);
總的來說,attr方法是一個十分實用的方法,我們可以使用它來獲取、設置和刪除元素的屬性值。如果你還不熟悉JQuery,建議從學習這個方法開始。