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