jQuery是一種非常常用的JavaScript庫,它可以輕松地修改HTML DOM元素、CSS樣式、提供動畫效果等。在jQuery中,修改一個元素的屬性值非常容易,可以在代碼中使用attr方法實現(xiàn)。
想要修改一個DIV元素的屬性值(例如寬度、高度等),可以使用如下代碼:
$('div').attr('width', '100px'); $('div').attr('height', '50px');
以上代碼將會把匹配的所有DIV元素的寬度屬性設置為100px,高度屬性設置為50px。
如果想要修改一個元素的多個屬性值,可以在attr方法中傳入一個對象:
$('div').attr({ 'width': '100px', 'height': '50px', 'background-color': 'red' });
以上代碼將會把匹配的所有DIV元素的寬度屬性設置為100px,高度屬性設置為50px,背景顏色屬性設置為紅色。
如果想要得到一個元素的屬性值,可以使用attr方法的另一種形式:
var width = $('div').attr('width'); var height = $('div').attr('height');
以上代碼分別得到匹配到的DIV元素的寬度、高度屬性值。
如果想要刪除一個元素的屬性,可以使用removeAttr方法:
$('div').removeAttr('width'); $('div').removeAttr('height');
以上代碼將會刪除匹配到的DIV元素的寬度、高度屬性。
綜上所述,利用jQuery修改、獲取、刪除元素屬性值非常方便,可以大大減少開發(fā)者的編碼工作量。
上一篇jquery輸入框限制
下一篇css快速入門視頻下載