6、禁用輸入字段
有時(shí)候,你可能想要禁用表格的提交按鈕或它的某一項(xiàng)文字輸入直到用戶(hù)執(zhí)行了特定操作(例如,勾選“我已閱讀相關(guān)條款”復(fù)選框)。添加 disabled屬性到你的輸入就可以在你想要的時(shí)候才啟用它:
$('input[type="submit"]').prop('disabled', true);
然后你只需要運(yùn)行輸入的prop 方法就可以了,不過(guò)disabled 的值要設(shè)置為false:
$('input[type="submit"]').prop('disabled', false);
7、停止加載鏈接
有時(shí)候,你既不需要鏈接到某個(gè)特定的網(wǎng)頁(yè),也不想要重新加載頁(yè)面——你可能希望鏈接做點(diǎn)別的事情,例如說(shuō)觸發(fā)一些其他腳本。這就要在阻止默認(rèn)動(dòng)作上做文章了:
$('a.no-link').click(function (e) {
e.preventDefault();
});
8、淡入/滑動(dòng)切換
滑動(dòng)和淡入都是我們用jQuery做動(dòng)畫(huà)的時(shí)候大量運(yùn)用的東西。如果你只是想在用戶(hù)點(diǎn)擊之后展示一個(gè)元素的話,那么用fadeIn 和slideDown 方法就很完美。但是,如果你想要元素在第一次點(diǎn)擊的時(shí)候出現(xiàn),然后在第二次點(diǎn)擊的時(shí)候消失的話,那么可以試試下面的代碼:
// Fade
$('.btn').click(function () {
$('.element').fadeToggle('slow');
});
// Toggle
$('.btn').click(function () {
$('.element').slideToggle('slow');
});