最近我學(xué)習(xí)了jquery,一開始使用它的時候遇到了一個問題:html消失了!
$(document).ready(function(){ $('button').click(function(){ $('p').hide(); }); });
我寫了上面的代碼,希望是點(diǎn)擊按鈕后p標(biāo)簽消失,結(jié)果我點(diǎn)擊了按鈕后,整個頁面的內(nèi)容都消失了!
后來我仔細(xì)查看代碼,才發(fā)現(xiàn)自己犯了一個低級錯誤,我應(yīng)該給按鈕加上type="button"屬性,否則按鈕默認(rèn)是submit類型,會觸發(fā)提交操作,導(dǎo)致整個頁面的內(nèi)容都消失了。
<button type="button">點(diǎn)擊我</button>
改成上面這樣,就可以實現(xiàn)預(yù)期的效果了。
通過這個小錯誤,我漸漸理解了jquery的一些基本操作和注意事項,相信以后我會更加熟練地使用它。
下一篇div css舉例