jQuery.attr() 方法用于設置或返回被選元素的屬性值。該方法通常用于與HTML輸入元素一起使用,例如 input 或 select 元素。
// 獲取屬性值 $('a').attr('href'); // 設置屬性值 $('img').attr('src', 'newImage.jpg');
通過上述代碼,可以獲取到a標簽的href屬性的值,然后用設置方法設置img標簽的src屬性的值。這就是 jQuery.attr() 方法的基本使用,其實還有更多的參數可以使用。
下面我們使用attr()方法來設置和獲取HTML5自定義數據屬性的值,如下:
// 獲取HTML5自定義數據屬性的值 $('button').attr('data-value'); // 設置HTML5自定義數據屬性的值 $('button').attr('data-value', 'new value');
當然,除了獲取和設置屬性值之外,還可以使用jQuery對象的prop()方法動態設置或修改DOM屬性,其中prop()方法的參數與attr()方法相似,可以實現更多的操作。
總之,jQuery.attr() 方法是一個非常重要的方法,能夠很好地處理HTML輸入元素的值,使得我們可以方便地操作HTML文檔。