jQuery是一款廣泛用于網(wǎng)頁開發(fā)的JavaScript庫(kù),它的attr方法是切換HTML屬性的常用方法之一。
//切換src屬性 $('img').attr('src', 'newimage.jpg');
上述代碼可以將所有標(biāo)簽的src屬性從原來的值改為newimage.jpg。這是最基本的attr方法使用。
而如果想要實(shí)現(xiàn)一個(gè)復(fù)選框的選中和取消選中的功能,也可以使用attr方法。
//實(shí)現(xiàn)復(fù)選框的選中和取消選中 $('input[type="checkbox"]').click(function(){ if($(this).is(':checked')){ $(this).attr('checked', 'checked'); }else{ $(this).removeAttr('checked'); } });
上述代碼使用了click事件,當(dāng)復(fù)選框被點(diǎn)擊時(shí),會(huì)檢測(cè)其是否已被選中,若已選中,則將其checked屬性設(shè)置為checked,否則移除checked屬性。
但是由于HTML5的兼容性問題,attr方法可能無法生效。這時(shí)候可以使用prop方法。
//使用prop方法實(shí)現(xiàn)復(fù)選框的選中和取消選中 $('input[type="checkbox"]').click(function(){ $(this).prop('checked', $(this).is(':checked')); });
上述代碼使用了prop方法,其中$(this).is(':checked')會(huì)返回當(dāng)前復(fù)選框是否已被選中的布爾值,用來設(shè)置checked屬性的值。prop方法通常比attr方法更加可靠。
下一篇圖片和字 css