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