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