jQuery里面有兩個非常重要的方法attr和prop,它們都用來操作HTML元素的屬性,但具體的使用場景和功能有所不同。
attr方法主要用來獲取或設置HTML元素的屬性值,比如說我們想要獲取
元素的title屬性值,就可以使用如下的代碼:
var title = $('div').attr('title');
同樣的,如果我們想要設置
元素的title屬性值為'Hello World',代碼如下:
$('div').attr('title', 'Hello World');
prop方法則是用來獲取或設置HTML元素的屬性狀態(tài),比如說我們想要獲取元素的checked狀態(tài),就可以使用如下代碼:
var isChecked = $('input').prop('checked');
prop方法可以設置的屬性狀態(tài)有很多,比如checked、disabled、selected等等,代碼如下:
$('input').prop('checked', true); $('input').prop('disabled', true); $('option').prop('selected', true);
需要注意的是,attr方法只能獲取或設置HTML元素中存在的屬性值,而prop方法則用于獲取或設置HTML元素的屬性狀態(tài),比如說屬性值是undefined或null的情況下,我們就需要使用prop方法來設置屬性狀態(tài)了。
總體來說,attr和prop方法都非常重要,應該在開發(fā)jQuery應用程序時合理使用,提高效率和性能。