jQuery 1.10中的prop()方法是用于獲取或設(shè)置元素屬性值的函數(shù)。與attr()方法不同,prop()方法獲取的是元素的屬性值,而不是屬性的值。在這篇文章中,我們來深入學(xué)習(xí)prop()方法的用法。
// 獲取屬性值 var checkbox = $('#checkbox'); if (checkbox.prop('checked')) { alert('被選中了!'); } // 設(shè)置屬性值 checkbox.prop('checked', true);
prop()函數(shù)可以用于獲取或設(shè)置多個屬性值。當用于獲取屬性值時,可以傳入一個參數(shù)(屬性名稱),也可以不傳參數(shù)。當用于設(shè)置屬性值時,則需要傳入兩個參數(shù):屬性名稱以及需要設(shè)置的屬性值。
// 獲取屬性值 var width = $('#element').prop('width'); // 設(shè)置多個屬性值 $('#element').prop({ width: 120, height: 80, title: '這是圖片' });
需要注意的是,prop()函數(shù)只能用于元素本身的屬性(如disabled、checked、readonly等),而不能用于自定義屬性。對于自定義屬性,應(yīng)該使用data()方法來獲取或設(shè)置它們的值。
// 獲取自定義屬性值 var userId = $('#user').data('id'); // 設(shè)置自定義屬性值 $('#user').data('id', 123);
總的來說,prop()方法是一個非常有用的函數(shù),能夠幫助我們輕松地獲取或設(shè)置元素的屬性值,提高開發(fā)效率。