人人必知的10個jQuery小技巧

2022-03-12 18:05:55 字數 2311 閱讀 5282

1.返回頂部按鈕

你可以利用 animate 和 scrolltop 來實現返回頂部的動畫,而不需要使用其他外掛程式。

// back to top

//

back to top

$('a.top').click(function

() , 800);

return

false

;});

back to top

改變 scrolltop 的值可以調整返回距離頂部的距離,而 animate 的第二個引數是執行返回動作需要的時間(單位:毫秒)。

2. 預載入

$.preloadimages = function () 

};$.preloadimages('img/hover1.png', 'img/hover2.png');

3. 檢查是否載入完成

$('img').load(function () );
你可以把 img 替換為其他的 id 或者 class 來檢查指定是否載入完成。

4. 自動修改破損影象

$('img').on('error', function () );
5. 滑鼠懸停(hover)切換 class 屬性

假如當使用者滑鼠懸停在乙個可點選的元素上時,你希望改變其效果,下面這段**可以在其懸停在元素上時新增 class 屬性,當使用者滑鼠離開時,則自動取消該 class屬性:

$('.btn').hover(function () , function () );
你只需要新增必要的css**即可。如果你想要更簡潔的**,可以使用toggleclass 方法:

$('.btn').hover(function () );
注:直接使用css實現該效果可能是更好的解決方案,但你仍然有必要知道該方法。

6. 禁用 input 字段

$('input[type="submit"]').prop('disabled', true);
你要做的就是執行 removeattr 方法,並把要移除的屬性作為引數傳入:

$('input[type="submit"]').removeattr('disabled');
7. 阻止鏈結載入

$('a.no-link').click(function (e) );
8. 切換 fade/slide

fade 和 slide 是我們在 jquery 中經常使用的動畫效果,它們可以使元素顯示效果更好。但是如果你希望元素顯示時使用第一種效果,而消失時使用第二種效果,則可以這麼做:

// fade

$('.btn').click(function () );

// toggle

$('.btn').click(function () );

9. 簡單的手風琴效果

這是乙個實現手風琴效果快速簡單的方法:

// close all panels

$('#accordion').find('.content').hide();

// accordion

$('#accordion').find('.accordion-header').click(function () );

10. 讓兩個 div 高度相同

有時你需要讓兩個 div 高度相同,而不管它們裡面的內容多少。可以使用下面的**片段:

var $columns = $('.column');

var height = 0;

$columns.each(function ()

});$columns.height(height);

這段**會迴圈一組元素,並設定它們的高度為元素中的最大高。

10 個 Python 初學者必知編碼小技巧

技巧 1 字串翻轉 a codementor print reverse is a 1 翻轉後的結果為 rotnemedoc技巧 2矩陣轉置 mat 1,2,3 4,5,6 zip mat 1,4 2,5 3,6 技巧 3a 1,2,3 將列表中的三個元素分拆成三個變數 a 1,2,3 x,y,z ...

10個Python 初學者必知編碼小技巧

a codementor print reverse is a 1 翻轉後的結果為 rotnemedoc ps 很多人在學習python的過程中,往往因為遇問題解決不了或者沒好的教程從而導致自己放棄,為此我整理啦從基礎的python指令碼到web開發 爬蟲 django 資料探勘等 pdf等 需要的...

投放google adwords必知的10條準則

提公升adwords的得分實際上非常簡單,許多的人都吹得很玄,不過僅僅需要10個必須的步驟,就可以輕鬆的提公升得分,節省資金了。在我注意到這些技巧之後,就輕鬆的每次都能保證我的關鍵詞得分在10分,單價在0.03 0.15元,讓一切都更加實惠了。1.首先你的廣告系列需要包含你的核心關鍵詞,例如你做的是...